CoreNext主题美化:文章页面内图片悬浮效果

前言:

让文章内的图片动起来~

自定义CSS如下:

/*文章图片悬浮效果*/
.core-next-img {
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;
    margin: 10px 0;
}
.core-next-img:hover {
    transform: translate(0, -10px);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    box-shadow:5px 5px 10px gray;   
} 
/*文章图片悬浮效果*/

 实际效果:

来源参考:

新锐博客:https://www.loveuxr.com

上一篇 CoreNext主题美化:首页文章列表悬浮效果
下一篇 CoreNext主题美化:顶部彩色滚动进度条
2026年4月
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
加载中...
yixian

yixian管理员

这个人很懒,什么都没有留下。

本月创作热力图

最新评论
一位 WordPress 评论者
一位 WordPress 评论者
2月7日
您好,这是一条评论。若需要审核、编辑或删除评论,请访问仪表盘的评论界面。评论者头像来自 Gravatar。
标签云
暂无内容