输入至少 2 个字符开始搜索,可直接回车进入完整搜索页。

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

yixian yixian · 发布于 2025-02-12 · 👁 114 浏览 · ❤ 0 点赞 · 2 评论
首页 未分类 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

评论 2

0/500
yixian 作者

han测试 [[qacg_ua:Chrome · Windows]] [[qacg_loc:未知]]

yixian 作者

baiyan测试 [[qacg_ua:Chrome · Windows]] [[qacg_loc:未知]]