W3cplus第三版本皮肤更新好长一段时间了,早就想把站点上的一些CSS3效果分割成单独的案例出来,与大家分享,但受限于时间,今天抽空把页面底部面板效果整理出来了。首先这个效果是有原因的,因为这个效果是当初自己左拼右拼出来的一个效果,后来自我感觉还能接受。上线后也有很多同学问我是图片制作的吗?其实不是的,他是一个CSS3制作的效果。
“这篇文章是关于5个用的CSS属性,你应该非常的熟悉,但很有机能你很少在使用。我不是在讨论CSS3的新属性,我所指的是CSS2中的老属性:clip,min-height,white-space,cursor和display。这些属性都得到浏览器的广泛支持。所以,不要错过这篇文章,因为你可能会惊讶的发现这5个属性是多么的有用。“
首先非常感谢藤藤提供的代码,是她用CSS3写的一个分享按钮的效果,而且写得非常不错。结过她的同意,我稍加做了点点的修改,增加了ICON图标上去,让效果看上去更清晰一些。在这个效果中主要使用了:CSS3的伪类选择器(伪元素)、box-shadow和@font-face三个属性,结过颜色细腻的搭配,制作了这么一个完美的分享按钮。