比起上一个弹跳的小球动画，我觉得这个变色龙动画更炫酷一些，当时看到百度这个效果的时候也是感到非常棒，于是自己仿做了一个案例，素材来自于百度浏览器产品发布页。查看效果下载地址↓链接：http://pan...
2017年09月14日 6279
关于"相对定位"的文章
CSS3案例集
CSS3案例集08：弹跳的小球动画
平时喜欢逛各大网站的专题版面，或者产品发布页面，因为可以看到很多炫酷的页面效果。这个案例的素材来自于百度浏览器的发布页面，以及下一个案例“变色龙动画”都是来自于百度浏览器，虽然我是谷歌浏览器的忠实用户...
2017年09月13日 5067
CSS3案例集
CSS3案例集06：纯CSS3绘制卡通风景画
在几年前，如果想在网页中添加阴影或者圆角等效果，都必须使用png图片才能完成。CSS3提供的box-shadow、text-shadow、border-radius等属性，真的是极大的丰富了CSS在设...
2017年09月08日 8132
CSS3案例集
CSS3案例集03：仿360安全卫士首屏
仿360安全卫士首屏这个案例主要是利用多重背景和通过背景定位（css sprite）完成按钮的变化效果。布局上主要是相对和绝对定位。结合一点animation和transition动画效果完成。其中有...
2017年09月05日 4130
CSS教程
CSS第十六课：相对定位（position:relative）详解
网页的元素默认有四种定位：static（静态文档流）、fixed（固定）、relative（相对）、absolute（绝对）。static就是文档中按照先后顺序正常出现的元素，也是默认的定位方式。比如标题、段落等等普通文档流元素。来自于W3C官方文档的引用：除非专门指定，否则所有框都在普通流中定位。...
2016年06月29日 4592