啊不知不觉又到深夜了，有句话说：时间就像胸，挤挤就有了，躺下就没了。趁着还没躺下，赶紧把今天的更文给搞定~ 今天主要是想分享一个纯css实现的文字被颜色逐渐填满变化的效果，这个一个很炫酷的效果

这是我参与更文挑战的第8天 一.什么是sass： Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。 SASS是对CS

发现一个炫酷效果，实现简单炫酷，直接复制查看效果 效果如下-----------------------------

:hover 伪类选择器不仅可以用于a标签, 还可以用于所有标签, 但行元素在转为块元素或者脱标之前不能设置宽高. 这个属性让人不适应的地方在于属性值还要取值. 3D 相比 2D 多了个厚度.

是否想发现可在下一个项目中使用的非典型CSS设计？下面是我最喜欢的一些。 NES-style（8bit-like）的CSS框架，非常适合您的复古浏览器游戏。 Web中用于老式RPG GUI的轻量级纯CSS框架；包括按钮，复选框，图标，滑块，光标和许多其他有趣的东西。 98.cs…

为了提高 前端开发 效率, 笔者先后写了上百个前端工具, 有些是给公司内部使用的, 有些单纯是因为自己太“懒”, 不想写代码, 所以才“被迫”做的. 接下来介绍的一款工具——css三角形生成器也是因为之前想要解放设计师的生产力, 自己又懒得切图或者写css代码, 所以想来想去还…

传统的swiper太重了，里面封装了很多我们不需要的功能，而一个简单的滚动功能没必要那么重的文件。于是就想着自己如何实现，如何才能用最少的代码最优雅的实现呢？是否可以推翻传统的实现，使用纯css的某些特效实现呢？ 把上面提到的三个属性放在一起就实现了平稳缓慢的滚动，再借助js移…

order 定义项目的排列顺序。数值越小，排列越靠前，默认为0。 flex-grow 定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 flex-shrink 定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。 align-self 允许单个项目有与其他…

1. 获取设备的真实开发分辨率（逻辑分辨率） 其实，对于开发来说，只需要了解三个概念。 物理分辨率，就是设备上标称的分辨率。 逻辑分辨率，开发时所用的分辨率。 设备像素比，物理分辨率和逻辑分辨率之比。 例如 iphone 6，它的物理分辨率是 750 x 1334，逻辑分辨率是…