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;   
} 
/*文章图片悬浮效果*/

 实际效果:

图片[1]-CoreNext主题美化:文章页面内图片悬浮效果-一闲笔记

来源参考:

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

温馨提示: 本文最后更新于2024-02-22 16:40:48,某些文章具有时效性,若有错误或已失效,请在下方留言或联系一闲笔记
本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容