平平无奇的一个css属性，当你给它附加多个值时，叠加出的效果往往会超出你想象。
1.background(https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Backgrounds_and_Borders/Using_multiple_backgrounds#CSS)
background-image可以指定多个，再用background-position指定每个的位置用逗号分隔
一个background叠加了3个背景效果: 气泡，firefox,渐变
2. box-shadow
设置多个inset和outset效果
3个值
3. filter
给元素添加滤镜；美图只用一个滤镜当然是不够的啦
注意：叠加值是通过空格分隔的
filter: blur(1px) contrast(200%) hue-rotate(90deg);
4. font-family
虽然可设置多个值，但它优先从左到右顺序取第一个有效值，但他不属于可以叠加的范围，所以此处划去
5. animation
可指定多个动画
6. border
重点！！！border可以做的事情超出你的想象，熟练使用它可以画出各种形状出来，进而再画出各种动物或图案等；
每个形状都是通过设置一个div的不同border得到的
后续会继续补充……
网友评论