随着前端的不断发展，更多新的 CSS 属性不断加入提案，本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性，带大家领略 CSS 之美。

你好，玻璃拟态 玻璃拟态是目前市面上的新风格，越来越受欢迎。 最重要的是使用 ` backdrop-filter: blur(6px);`给元素后面区域添加模糊效果。

上代码。。。。。。。。。。 1. Lottie-Web/Bodymovin github 地址：https://github.com/airbnb/lottie-web 从我最喜欢的资源库开始。有了这

开发了这么久的项目，每天重复的 margin , padding , background 重复了一遍又一遍， 自从使用了基础样式库 assembly-css后(下面统一称为基础库)，几乎可以完全的避免了一遍一遍的基础样式。 每次写页面, 你要有样式， 总要用class类来连接…

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

移动开发时代，前端同学刚刚送别了让人头秃的IE浏览器，却发现憧憬已久的移动互联网时代并不是想象中那般美好。各种棘手的系统兼容问题和浏览器兼容问题怎么也让人高兴不起来。作为一名工作不足3年的前端程序媛，始终相信好记性不如烂笔头。每次在项目开发过程中踩到的坑，都习惯性地记录了下来。…

正文 某次修改一个页面的逻辑，页面布局比较简答，整个页面 overflow-y: auto;，页面的底部放置一个 position: fixed;的固定按钮，如下： 为了避免页面主体内容被底部的固定按

个人觉得 CSS 是每个前端开发人员都必须掌握的基础，以完成相应的交互和终端设备的响应。在项目开发中，有些容易被忽略的小问题带来项目后期的胶水代码。本文总结一些项目开发中CSS的10个小技巧。