一、阴影 1.1、文字阴影 text-shadow<length>①： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 <length>②： 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 <length>③： 如果提供了第3个长度值则用来设置 ...

CSS3与页面布局学习总结（六）——CSS3新特性（阴影、动画、渐变、变形、伪元素等） 目录 一、阴影 1.1、文字阴影 1.2、盒子阴影 二、背景 2.1 ...

css3新增了许多伪类，但是IE8以及更低版本的IE浏览器不支持css3伪类，所以在使用时要是涉及到布局等意象全局的样式，应该多考虑一下。 1.elem:nth-child(n) 这个伪类选中父元素下的第n个子元素，并且这个子元素的标签名为elem，n可以接受具体的数值，也可以接受函数 ...

项目中，一般用于业务办理的进度条，设置背景色，纯背景色可以直接设置，如果是渐变色，那使用line-gradient渐变特性就需要设置渐变的位置了入下图 方法一、直接在进度条轨道上面再加一个元素，用于设置渐变进度条，进而控制这个元素的长度值，可以实现 2、方法二，就是使用 ...

3，支持CSS样式 4， ::after在元素的后面插入新内容，配合content使 ...

css3制作动画的几个属性：变形(transform)，过渡(transition)和动画(animation)。 transform介绍过了。接下来介绍过渡transition。 一、例子 先通过一个例子感性认识一下transition的动画效果。 鼠标放上去，div宽度从100px增大 ...

transform可以实现矩阵变换，transition实现属性的平滑过渡，animation意思是动画，动漫，这个属性才和真正意义的一帧一帧的动画相关。本文就介绍animation属性。 animation属性通过一些关键帧中元素属性的改变来实现动画效果。当然也可以控制动画持续时间，动画迭代 ...

css3制作动画的几个属性：变形(transform)，过渡(transition)和动画(animation)。 首先介绍transform变形。 transform英文意思：改变，变形。 css3中transform主要包括以下几种：旋转(rotate),扭曲(skew)，缩放 ...