技术成就梦想
努力展现自我

WordPress 主题美化 - 文章页图片悬浮效果

要让图片悬浮,添加如下 css 即可。因为阿蛮君觉得图片具体文字太近,加了一个 margin 属性,不需要的可以去掉。

/*文章图片悬浮效果*/
.post-content-content 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;
}
.post-content-content 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;   
}
赞(0) 打赏
未经允许不得转载:鸿华工作室 » WordPress 主题美化 - 文章页图片悬浮效果

鸿华网络工作室,收集各类技术类优秀文章,少走弯路学习

支持快讯、专题、百度收录推送、人机验证、多级分类筛选器,适用于垂直站点、科技博客、个人站,扁平化设计、简洁白色、超多功能配置、会员中心、直达链接、文章图片弹窗、自动缩略图等...

NAS数据存储中心鸿华在线音乐

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续提供更多优质内容,让我们一起创建更加美好的网络世界!

微信扫一扫

登录

找回密码

注册