boxmoe_header_banner_img

Hello! 欢迎来到盒子萌!

加载中

文章导读

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


avatar
xjvae 2024年 2月 21日 34

前言:

让文章内的图片动起来~

自定义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



评论(0)

查看评论列表

暂无评论


发表评论

表情 颜文字
插入代码