css3之border-radius理解
CSS3提供了5种圆角属性border-radius ：同时设置4个边框的圆角样式。border-top-left-radius ：设置左上角边框的圆角样式。border-top-right-radius ：设置右上角边框的圆角样式。border-bottom-left-radius&nb...
CSS3：RGBA的使用方法
1.说明此色彩模式与RGB相同，只是在RGB模式上新增了Alpha透明度。RGBA(R,G,B,A)2.取值R：红色值，正整数值的取值范围为：0-255，百分数值的取值范围为：0.0%-100.0%。G：绿色值，正整数值的取值范围为：0-255，百分数值的取值范围为：0.0%-100.0%。B：蓝色值，正整数值的取值范...
css3实现背景色渐变linear-gradient()
用线性渐变创建图像。如果想创建以对角线方式渐变的图像，可以使用 totopleft 这样的多关键字方式来实现。示例代码：linear-gradient(#fff,#333);linear-gradient(tobottom,#fff,#333);linear-gradient(totop,#333,...
css3动画：transition和animation
transition的各项属性：transition的完整写法如下。这其实是一个简写形式，可以单独定义成各个属性。img{transition-property:height;transition-duration:1s;transition-delay:1s;transition-timing-function:ea...
解决浏览器background-image属性不支持css3动画
最近在使用background-image属性来实现CSS3的逐帧动画时，碰到了个问题。在chrome浏览器上，background-image属性是支持css3动画的，但是到了firefox上，就完全看不到任何动画。通过网上查找，才发现W3C标准中明确background-image属性是不支持动画的，所以firef...
css3 box-shadow 阴影的用法
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset]x-offsety-offsetblur-radiusspread-radiuscolor}对象选择器{box-shad...