分享一下本博客的标签云样式

这个样式也我觉得挺好看的,于是沿用下来了,不过一片灰色之间一堆五颜六色的总感觉有点违和→_→

至于这东西哪来的我真想不起来了……

.tagcloud {
padding-left: 5px;
font-family: "Microsoft YaHei",Helvetica,sans-serif;
transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;
}
.widget_tag_cloud a, .almeros_tags a {
background-color: rgba(236, 116, 92, 0.71);
box-shadow: 0 0 1px #999999;
color: #FFFFFF !important;
display: inline-block;
float: none;
margin: 2px 1px;
padding: 5px 3px;
text-decoration: none;
font-size: 19px!important;
transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;
}
.widget_tag_cloud a:hover, .almeros_tags a:hover {
background-color: #0C92DA;
box-shadow: 0 0 10px #000032;
color: #FFFFFF !important;
transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;
}
.widget_tag_cloud a:nth-child(2n), .almeros_tags a:nth-child(2n) {
background-color: #FF9F51;
}
.widget_tag_cloud a:nth-child(2n):hover, .almeros_tags a:nth-child(2n):hover {
background-color: #0C92DA;
transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;
}
.widget_tag_cloud a:nth-child(4n), .almeros_tags a:nth-child(4n) {
background-color: #9AB9E4;
}
.widget_tag_cloud a:nth-child(4n):hover, .almeros_tags a:nth-child(4n):hover {
background-color: #0C92DA;
transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;
}
.widget_tag_cloud a:nth-child(5n), .almeros_tags a:nth-child(5n) {
background-color: #9AB9D4;
}
.widget_tag_cloud a:nth-child(5n):hover, .almeros_tags a:nth-child(5n):hover {
background-color: #0C92DA;
transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-o-transition: .5s;
}

加到style.css最后就好了(´・ω・`)

这篇文章有4条评论

  1. 还想跟你要来着,赞一个

发表评论

*

List
Love
00:00