java thumbnails 圆角_wordpress列表缩略图添加圆角和背影特效

把下面代码添加到当前主题的Style.css里面。

.thumbnail {

border-radius: 6px;

box-shadow: rgba(0,0,0,0.5) 3px 3px 3px;

}

选中圆角效果

#slider img,.single-tag li a,#slider img,.cat-box, .cat-title,.fadeInUp,#sidebar h3,.cat-grid-title, .cat-square-title,.nbs-flexisel-container,img,h1, h2, h3, h4, h5, h6,a，.nav-menu, .nav-menu *,.type-cat a, .child-cat a,.link-all a

{border-radius: 8px

}

选中浮动背景效果

.entry-more a {

opacity:0

}

.post:hover .entry-more a {

rightright:0;

opacity:1;

}

.post {

transition:all 0.3s ease 0s;

}

.post:hover {

transform:translateY(-3px);

z-index:1;

-webkit-box-shadow:0 15px 32px rgb(175,135,255)!important;

}

效果图：

本文转载自爱游博客，转载仅为学习交流，支持原创！点击查看原文