CSS3新特性
- 光标停留在图片上的时候出现文字解释,CSS中需要使用JS来实现。
- 可以设置悬停效果,旋转效果。每个浏览器带有前缀,w3c标准通用之后才会去除前缀。
- border-radius:设置圆角边框,水平方向和垂直方向都可以设置。
div{
border-top-left-radius:40px 20px;/*左上角设置圆形边框,水平40个像素,垂直20个像素*/
border-bottom-right-radius:20px;/*右下角设置,水平和垂直都是20个像素*/
border-radius:25px;/*四个角落都设置为25个像素*/
}
设置的效果:
如果标签的高度和宽度都是圆角边框的2倍,也就是直径,可以设置圆形的形状。
- bdrs扩展:加上浏览器前缀。
- 阴影box-shadow:
水平偏移,垂直偏移,模糊距离,颜色,内部阴影inset,外部阴影outset。