一半设计一半前端

以前没发现background-clip还有一个-webkit-的私有属性：text，可以实现文字背景，结合渐变，可以实现很棒的文字背景无缝滚动。这里案例是很早以前就做的齿轮旋转动画案例，今天才放上来...

在ofo和摩拜两大单车阵营中，我是ofo一派的，最直接的原因就是它家押金比摩拜少，我当时交了99元押金，然后在支付宝花了9.9买了一个包月包，结果根本没用上，因为ofo不是免费骑，就是不停地发抵用券，...

在css2中，如果要实现报纸杂志等平面设计中的多列布局是比较困难的，在CSS3中，增加了columns多列布局，可以轻松实现报纸风格类的多列排版，特别适合宽屏幕下的文章布局。查看案例案例下载↓链接：h...

每天看优设、站酷、UI中国的时间已经多过了前端网的时间了，难道我要转行UI吗？虽然我挺喜欢UI的，可是我还是恋恋不舍我的前端，总觉得自己用代码来表现效果更顺手呢。仿了一个UI中国的头部导航，但是改变了...

比起上一个弹跳的小球动画，我觉得这个变色龙动画更炫酷一些，当时看到百度这个效果的时候也是感到非常棒，于是自己仿做了一个案例，素材来自于百度浏览器产品发布页。查看效果下载地址↓链接：http://pan...

平时喜欢逛各大网站的专题版面，或者产品发布页面，因为可以看到很多炫酷的页面效果。这个案例的素材来自于百度浏览器的发布页面，以及下一个案例“变色龙动画”都是来自于百度浏览器，虽然我是谷歌浏览器的忠实用户...

在早期做下拉菜单的时候，因为IE6不支持li:hover这样的用法，导致必须要用一段JavaScript才能兼容IE6。但是现在随着浏览器的革新和技术的发展，已经可以不用考虑这个兼容性了，因为IE7以...

在几年前，如果想在网页中添加阴影或者圆角等效果，都必须使用png图片才能完成。CSS3提供的box-shadow、text-shadow、border-radius等属性，真的是极大的丰富了CSS在设...

这个案例的素材来自于htmleaf，要实现这个效果有好几种方法，在这里为了表现出CSS3的多重背景，以及可以用background-position做动画，选用了这种方法。查看效果下载地址链接: ht...

利用CSS3提供的伪类选择器，特别是子元素选择器nth-child，作出斑马条纹的表格再也不是难事了，而且利用nth-child(αn+β)这样的表达式可以实现分组的效果，棒呆！查看效果下载地址链接:...