在css2中，如果要实现报纸杂志等平面设计中的多列布局是比较困难的，在CSS3中，增加了columns多列布局，可以轻松实现报纸风格类的多列排版，特别适合宽屏幕下的文章布局。查看案例案例下载↓链接：h...
2017年09月26日 5406
最近更新
CSS3案例集
CSS3案例集10：仿UI中国头部导航效果
每天看优设、站酷、UI中国的时间已经多过了前端网的时间了，难道我要转行UI吗？虽然我挺喜欢UI的，可是我还是恋恋不舍我的前端，总觉得自己用代码来表现效果更顺手呢。仿了一个UI中国的头部导航，但是改变了...
2017年09月15日 4227
CSS3案例集
CSS3案例集09：五光十色的变色龙动画
比起上一个弹跳的小球动画，我觉得这个变色龙动画更炫酷一些，当时看到百度这个效果的时候也是感到非常棒，于是自己仿做了一个案例，素材来自于百度浏览器产品发布页。查看效果下载地址↓链接：http://pan...
2017年09月14日 6281
CSS3案例集
CSS3案例集08：弹跳的小球动画
平时喜欢逛各大网站的专题版面，或者产品发布页面，因为可以看到很多炫酷的页面效果。这个案例的素材来自于百度浏览器的发布页面，以及下一个案例“变色龙动画”都是来自于百度浏览器，虽然我是谷歌浏览器的忠实用户...
2017年09月13日 5070
CSS3案例集
CSS3案例集07：纯CSS3水平导航下拉动画菜单
在早期做下拉菜单的时候，因为IE6不支持li:hover这样的用法，导致必须要用一段JavaScript才能兼容IE6。但是现在随着浏览器的革新和技术的发展，已经可以不用考虑这个兼容性了，因为IE7以...
2017年09月11日 4149
CSS3案例集
CSS3案例集06：纯CSS3绘制卡通风景画
在几年前，如果想在网页中添加阴影或者圆角等效果，都必须使用png图片才能完成。CSS3提供的box-shadow、text-shadow、border-radius等属性，真的是极大的丰富了CSS在设...
2017年09月08日 8135
CSS3案例集
CSS3案例集05：飘动的云和热气球
这个案例的素材来自于htmleaf，要实现这个效果有好几种方法，在这里为了表现出CSS3的多重背景，以及可以用background-position做动画，选用了这种方法。查看效果下载地址链接: ht...
2017年09月07日 4500
CSS3案例集
CSS3案例集04：斑马条纹的渐变圆角表格
利用CSS3提供的伪类选择器，特别是子元素选择器nth-child，作出斑马条纹的表格再也不是难事了，而且利用nth-child(αn+β)这样的表达式可以实现分组的效果，棒呆！查看效果下载地址链接:...
2017年09月06日 4398
界面设计
学ps，你应该知道的《PS礼仪手册》！
好东西要分享！无意之间在美丫姐分享的文章中发现了《PS礼仪手册》，一眼就看出这是个好东西。很多人用了好几年ps，你看他的源文件的时候都要强忍一腔怒火，为什么呢，你看完这个手册再来回复：你中了几条？整个手册从文件管理、图层、图片、字体、特效、练习、测试、导出这些方面进行了统一的规范，规范可以让我们更高...
2017年09月05日 3759
CSS3案例集
CSS3案例集03：仿360安全卫士首屏
仿360安全卫士首屏这个案例主要是利用多重背景和通过背景定位（css sprite）完成按钮的变化效果。布局上主要是相对和绝对定位。结合一点animation和transition动画效果完成。其中有...
2017年09月05日 4131