css3的滤镜filter属性，可以对网页中的图片进行类似Photoshop图片处理的效果，例如背景的毛玻璃效果、老照片（黑白照片）、火焰效果等。一、blur(px)高斯模糊二、brightness(%)亮度三、contrast(%)对比度四、drop-shadow()阴影注意： 这个 drop-shadow 与 box-shadow 都是在说阴影，但还是有区别的，看下图图中火焰的图片，是一张png图片，除了火焰以外，其他部分是透明的，我们能看见，box-shadow 是给整个图片加阴影，而 drop-sh...
过度属性Trransition 使用css的属性值在一段时间内平滑的过度 比如这个效果 字体滑动 四个要素和触发过度属性，过度时间，过度函数，过度延迟的时间 触发主要通过用户触发，点击，悬浮等过度属性 transition-property:none|all|property多个属性用逗号隔开， 可设置过的属性有颜色，取值为数值的属性，转换属性，渐变属性，阴影属性过度时间 transition-duration：s|ms /*默认值为0*/过度函数 transition-timing-function:;取值: ...
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>.big_box{width: 400px;height: 260px;overflow: hidden;}.box{width: 400px;height: 200px;background: #0f0;border-bottom: 20px solid transparent;border-image: url(img/三角形.png);border-image-width: 20px;border-image-slice: 72;border-image-repe...
关于 CSS3的box-sizing 属性还可以参考W3school box-sizing属性的语法 和其他css属性一样，该属性有三个可取的值，具体语法： box-sizing: content-box|border-box|inherit;以下案例都是基于固定宽高的容器为例。 content-box（默认） box-sizing 属性的默认值就是 content-box。 实例：<ul class="box"><li class="box-item content-box"></li><li class="box-item border-box"></li><li class="box-item inherit"></li> </ul>.bo...