阴影、渐变、过渡、变形、滤镜

阴影

横向偏移量 纵向偏移量 模糊距离 阴影颜色     注：模糊距离不能为负

横轴向右为正，纵轴向下为正

• box-shadow： 横向偏移量 纵向偏移量 模糊距离 阴影颜色 ；
• text-shadow：5px 5px 50px pink ；（文本阴影）

变形 transform

• 平移 translate
• 旋转 rotate
• 伸缩 scale
• 拉扯 skew
• 3d效果

渐变 

• linear-gradient 、radial-gradient
• 背景图：渐变（方向，颜色1百分比，颜色2百分比，...）

滤镜

模糊	/*filter: blur(1px);
亮度	filter: brightness(2)
对比度	filter: contrast(2);
阴影	filter: drop-shadow(5px 5px 5px tomato);
灰度	filter: grayscale(1);
色相转变	filter: hue-rotate(360deg);
反转	filter: invert(1);
透明度	filter: opacity(.25);
饱和度	filter: saturate(4.25);
褐色	filter: sepia(.5);