css属性模糊或颜色偏移处理
.ep { /*数值越大越模糊*/ filter: blur(30px); }
可用F12开发者工具查看元素及样式，可打开codepen在线编辑代码。
<html> <div class="demo-calc1"> <div class="demo-calc2"></div> </div> </html> <style> .demo-calc1 { width: 200px; height: 200px; background-color: red; } .demo-calc2 { width: 100px; height: calc(100% - 50px); /* 最终浏览器会选择大的 */ background-color: #146c43; } </style>
← css3动画
css3扩展
guqzhou
css3扩展