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

共计 465 个字符，预计需要花费 2 分钟才能阅读完成。

要让图片悬浮，添加如下 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;   
}

提醒：本文发布于744天前，文中所关联的信息可能已发生改变，请知悉！