关于"CSS3案例集"的文章

css3渐变文字动画和齿轮旋转动画

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

CSS3案例集13:改版ofo小黄车官网响应式布局

CSS3案例集13:改版ofo小黄车官网响应式布局
在ofo和摩拜两大单车阵营中,我是ofo一派的,最直接的原因就是它家押金比摩拜少,我当时交了99元押金,然后在支付宝花了9.9买了一个包月包,结果根本没用上,因为ofo不是免费骑,就是不停地发抵用券,...

CSS3案例集11:columns多列实现报纸排版效果

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

CSS3案例集10:仿UI中国头部导航效果

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

CSS3案例集09:五光十色的变色龙动画

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

CSS3案例集08:弹跳的小球动画

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

CSS3案例集07:纯CSS3水平导航下拉动画菜单

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

CSS3案例集06:纯CSS3绘制卡通风景画

CSS3案例集06:纯CSS3绘制卡通风景画
在几年前,如果想在网页中添加阴影或者圆角等效果,都必须使用png图片才能完成。CSS3提供的box-shadow、text-shadow、border-radius等属性,真的是极大的丰富了CSS在设...

CSS3案例集05:飘动的云和热气球

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

CSS3案例集04:斑马条纹的渐变圆角表格

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