基于 clip-path: polygon(x y, x2 y2, x3 y3); 实现碎片化图像的效果。

「庆余年2」 马上就要开播了~最近起点读书APP内上架了庆余年典藏书，最大的特色是里面新加入了全新的阅读皮肤，一个拟物化的卷轴滚动效果，效果如下 就是在拖动页面时，卷轴会随着页面的滚动而展开或卷起，就

介绍一个CSS检测文本溢出的小技巧。 一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现 由于无法直接CSS判断，这

CSS创建loading加载中动画效果，浏览网页时更好的用户体验加载中动画来表示正在加载数据或执行某项操作。加载中动画能够提供视觉上的反馈，告诉用户系统在工作中，改善用户体验，减少长时间等待的焦虑感。

第二个问题，CSS如何判断方向 再次感叹一下`CSS`的灵活多变，很多看起来不可思议的事件其实只要转变思路也是可以轻松办到的，我们使用 ` ~ `兄弟选择器配合` + `选择相邻兄弟元素可以确定方向

众所周知，高度在设置成auto关键词时是不会触发transition过渡动画的，下面是伪代码 效果如下 如果希望展开时有过渡动画，例如这样 通常是借助 JS 动态去获取元素的高度（还有些麻烦的，需要渲

1.背景 在做移动端各种尺寸屏幕的适配时，用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度，UI设计稿尺寸这两个参数比较好理解，可是为什么要除以100呢，为什么

在这个话题中主要整理了有关于 CSS 方面的特性，并且尽可能的整理了一些大家现在能用或过不了多久就能用的属性。另外，虽然标题是“新特性”，但其中有蛮多特性并不是“新”，可能已经出现在你的项目中

用户在进行某些操作时，都要从服务器获取资源，这个过程都需要时间，为了减少用户等待中产生的焦虑与不安，我们应该在合理的时间内做出合理的安抚，告诉用户他的操作是有回应的，所以一个优雅的加载可的方式也可以做的非常有趣，让用户轻松自在的享受等待。 好了，我们言归正转，不扯那些有的没的了…