会python真的可以为所欲为0(回)
355天前
这里还有人吗1(回)
540天前这里还有人吗0(回)
540天前
每天面对着电脑屏幕，敲打键盘。我所面对的并不只是代码，而是一种生活方式。0(回)
765天前到处都是羊，不想上班0(回)
845天前
鸽子
0(回)
849天前
CSS3超酷分享到sns社区效果.rar(免费下载)[2 次下载]/* BASIC RESET */ |
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { |
margin:0; |
padding:0; |
} |
/* HTML ELEMENTS */ |
body { |
background-image:url("../images/texture.gif"); |
font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Tahoma, Verdana, sans-serif; |
font-size:13px; |
} |
h3 { |
clear:both; |
padding:20px; |
text-align:center; |
} |
a { |
color:#AF7F00; |
text-decoration:underline; |
} |
a:hover { |
text-decoration:none; |
} |
/* COMMON CLASSES */ |
.break { |
clear:both; |
} |
/* WRAPPER */ |
#wrapper { |
width:800px; |
margin:40px auto; |
} |
/* SOCIAL ICONS - GENERAL */ |
.social { |
list-style:none; |
margin:30px auto; |
width:464px; |
} |
.social li { |
display:inline; |
float:left; |
background-repeat:no-repeat; |
} |
.social li a { |
display:block; |
width:48px; |
height:48px; |
padding-right:10px; |
position:relative; |
text-decoration:none; |
} |
.social li a strong { |
font-weight:normal; |
position:absolute; |
left:20px; |
top:-1px; |
color:#fff; |
padding:3px; |
z-index:9999; |
text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); |
background-color:rgba(0, 0, 0, 0.7); |
-moz-border-radius:3px; |
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); |
-webkit-border-radius:3px; |
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); |
border-radius:3px; |
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); |
} |
li.delicious { |
background-image:url("../images/delicious.png"); |
} |
li.digg { |
background-image:url("../images/digg.png"); |
} |
li.facebook { |
background-image:url("../images/facebook.png"); |
} |
li.flickr { |
background-image:url("../images/flickr.png"); |
} |
li.linkedin { |
background-image:url("../images/linkedin.png"); |
} |
li.reddit { |
background-image:url("../images/reddit.png"); |
} |
li.rss { |
background-image:url("../images/rss.png"); |
} |
li.twitter { |
background-image:url("../images/twitter.png"); |
} |
/* SOCIAL ICONS - CSS3 */ |
#css3:hover li { |
opacity:0.2; |
} |
#css3 li { |
-webkit-transition-property: opacity; |
-webkit-transition-duration: 500ms; |
-moz-transition-property: opacity; |
-moz-transition-duration: 500ms; |
} |
#css3 li a strong { |
opacity:0; |
-webkit-transition-property: opacity, top; |
-webkit-transition-duration: 300ms; |
-moz-transition-property: opacity, top; |
-moz-transition-duration: 300ms; |
} |
#css3 li:hover { |
opacity:1; |
} |
#css3 li:hover a strong { |
opacity:1; |
top:-10px; |
} |
CSS3超酷分享到sns社区效果.rar(免费下载)[2 次下载]
初级程序员
by: 正仔 发表于：2013-04-02 11:48:54 顶(0) | 踩(0) 回复
很不错的功能，收藏了O(∩_∩)O~~
回复评论