Media Queries 就是要在支援CSS3 的浏览器中才能正常工作，IE8 以下不支持。而Media Queries 的套用方法千变万化，要套用在什么样的装置中，都可以自己来定义。到底什么是Media Queries ？一般我们在开发HTML + CSS 网页中，都会有一份CSS 来控制网页的...
分类：
Web程序 时间：
2014-09-11 02:18:41
阅读次数：
255
calc()看起来像个js的函数，但它实际上是css3的一个属性，它能自动计划宽度，高度等。平时在制作页面的时候，总会碰到有的元素是100%的宽度。众所周知，如果元素宽度为100%时，其自身不带其他盒模型属性设置还好，要是有别的，那将导致盒子撑破。比如说，有一个边框，或者说有margin和paddi...
分类：
Web程序 时间：
2014-09-10 17:35:20
阅读次数：
559
我们经常会在页面的左上角或者右上角看到类似如图所示的标签，比如页面的链接（最常使用）等，下面我们就实现一个简单的标签实现步骤是先做一个水平长条，使用CSS3的transform来实现旋转，如果是在左上角的话就逆时针旋转45度，右上角顺时针旋转45度。代码： 1 2 3 4 5 ...
分类：
Web程序 时间：
2014-09-09 18:02:09
阅读次数：
233
这款CSS3动画按钮非常的有创意，鼠标在滑过按钮时并不像其他按钮那样仅仅改变按钮的背景颜色，而是出现很酷的冒泡动画。这么惊艳的CSS3动画按钮，这篇文章主要将按钮实现的过程和代码分享给大家，希望能给在学习CSS3的同学带来实质性的帮助。可以下来看看在线演示效果：在线演示 源码下载接下来我们来讲解.....
分类：
Web程序 时间：
2014-09-09 12:19:08
阅读次数：
206
最近经常玩腾讯微博,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px\0)欠考虑!看了腾讯的,下午就学了一下css3的东东!打算以后的项目...
分类：
Web程序 时间：
2014-09-07 16:00:25
阅读次数：
227
前几天在网上看到了一个css3的进度条，自己想了下。做了一个。 进度条由4层构成，最下面的一层表示初始状态，我用蓝色的圆形div表示，第二层到第四层用来做进度动画用，第二层的圆是由一个宽高都为0的div，加上border和圆角做出来的，初始状态的时候，border的颜色全都是透明，旋转45...
分类：
Web程序 时间：
2014-09-06 22:25:53
阅读次数：
727
制作这个案例前，需要准备这些。
1.掌握scss的使用，当然不用也可以，使用scss会比较高效。
2.掌握利用css3的box-shadow、border、border-radius的实现绘图。
3.掌握css3的动画方法。
4.一些耐心、一些创意（创意可以让你更好）
5.学会解析案例，先看静态图。...
分类：
Web程序 时间：
2014-09-05 08:46:41
阅读次数：
244
网上有各种用CSS3画图标，画漫画的代码，实在是有点吊！如果能为自己的网站也绘制一套CSS3图标，那么就省去了用小图片的力气。虽然说各大浏览器对CSS3的支持性还不尽相同，但是大势所趋，写写更健康。
首先，我们要做到使用简单，简单到给元素加个类就能使用图标，然后我们还要支持可定制，比如颜色，大小。看下面的代码：
CSS3 ICONS
我们只要给...
分类：
Web程序 时间：
2014-09-04 19:07:50
阅读次数：
322
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活，只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用，更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法复制代码 代码如下:#triangle-up {width: ...
分类：
Web程序 时间：
2014-09-04 14:40:49
阅读次数：
173
