摘要：单行文本 单行文本溢出显示省略号比较简单，主要就三行代码。 效果： 多行文本 方法一 对于多行文本，一种方法是使用webkit的css扩展属性，该方法适用于Safari、chrome和大多数移动端浏览器。 效果： 方法二 使用伪元素实现，将伪元素放在最后一个字的上方，达到显示省略号的目的。该方法兼容 阅读全文

摘要：画圆 用SVG画一个圆先。 效果是这样的： 动画 定义一个动画并使用。 效果变成这样： 旋转 最后给动画添加上旋转的效果。 最终的效果： 原理 主要利用 SVG 绘制一个圆形，结合其 stroke 属性，最后加上一些 css3 中的动画，实现最终的 loading 动画效果。 绘制圆形时，使用 SV 阅读全文

摘要：一：定义混合宏 SASS中使用Keyframe首先定义一个混合宏，由Keyframes、animationName和content组成，代码如下： 二：引用混合宏 使用@include 指令引用定义好的混合宏，创建动画并定义动画名称： 三：使用动画 效果如下图： 阅读全文

摘要：播放 先在@keyframes中创建动画，之后把它捆绑到某个选择器，就可以产生动画效果。 html css 暂停 我们播放动画时，如要暂停动画，就要用到animation play state这个属性。animation play state属性有两个值： 当然去掉animation play st 阅读全文