以图明志

CSS

使用CSS3线性渐变实现图片闪光划过效果

线性渐变linear-gradient
在百度音乐 http://music.baidu.com/ 看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的。大体思想是,设计一个透明层i,skewx在X轴上做了负25度的变形,背景颜色用的是CSS3的线性渐变linear-gradient,然后hover的时候,设置0.5s的动画时间。

CSS

用CSS3可以很简单地实现文字渐变效果

background-clip , text-fill-color
首先要说明,你的浏览器支持CSS3的话,才能看到正确的演示效果。如果你现在用的浏览器是Chrome、Safari等,就是你的浏览器支持background-clip + text-fill-color等CSS3属性,那么你可以看到下面文字渐变的漂亮效果。文字渐变本身就是装饰性的功能,所以,本着渐进增强的原则,我们在实际项目中其实是可以大胆使用的。

CSS

用CSS3做一个网页水平翻转效果

CSS3中transform属性的用法
愚人节,你想你的网站也愚弄一下访客吗?下面我给大家推荐个效果,就是整个页面左右颠倒了。css3 很强大,简单的几行代码就可以帮我们实现这个效果。目前这两个属性得到了除去ie以外各个主流浏览器webkit,firefox,opera的支持,属性名分别为 -webkit-transform,-moz-transform,-o-transform;

CSS

CSS3不遥远,几个特性你要知道

你应该了解的几个CSS3特性
CSS是众所周知且应用广泛的网站样式语言,在它的版本三(CSS3)计划中,新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些 效果,但了解它们还是必须且很有趣味性的。CSS3中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。
1 / 1 首页 < Prev 1 Next > 尾页 页码: