缩略图添加圆角和背影特效
.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;
}
版权申明:


请先 !