大家好，我是小强老师。 今天我们看下CSS3最为简单的两个属性。 css3给我们带来了很多视觉的感受和变化，以前的图片做的事情，很多代码都能实现。 下面小强老师给大家简单介绍两种最为常见的圆角边框和盒子阴影，同时附上一个iphone 手机效果，提供大家练习 ...

效果如图： border-radius共有8个属性值，有四个角，每个角对应两个值（分别是x轴和y轴的值）。 border-radius: 0 20% 20% 0/0 50% 50% ...

*首先要清楚的是，box-shadow的形状会随着border-radius变化。下面的例子可以证明： 效果： *而实现内圆角边框（外边框为直角）就可利用以上特性（box-shaodw填充outline和border之间的空白），代码如下： div1 效果 ...

如何在网页中实现动画效果动态图片 flashjavascriptcss3变形是一些效果的集合如平移 旋转 缩放 倾斜效果每个效果都可以称为变形（transfrom），它们可以分别操控元素发生平移、旋 ...

传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox ...

㈠css3的新特性实际应用 ⑴文本阴影效果，用代码编写的方式实现 ⑵鼠标悬停的动态效果 左侧三幅图片，上面初始状态是没有说明文本的，但把鼠标放在上面的时候，这个图片上面就出现了说明文字 ⑶分栏分列式排版：类似于报刊的排版方式 ⑷做一个盒子它的圆角边框，还可 ...

CSS3新增动画属性“@-webkit-keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。 利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。 下面讲解一下如何利用CSS3制作淡入淡出 ...

要用到的Css3选择器 element:nth-child(number){ } 选择器匹配属于其父元素的第 number 个子元素 参数 Number odd 奇数 even 偶数 W3School介绍:http ...