1. 背景 某天设计师来找我说，“这个心愿牌傻傻地挂在那不好看，加个动效呗，就左右摆动一下就行，很简单的！”，我一想，行呀，提升用户视觉体验，开搞。 十分钟后，不对呀，这个左右摆动好假，不像现实中风吹的效果。 冷静思考，为啥这个摆动会没有灵魂。于是拿起工卡开始摆动，看看现实中的…

本期分享一下如何仅用CSS3，实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果： 没错，就是这么任性，每个动图就一个标签，而且无图无JS！下面就来详细介绍下技术实现。 以及实现单标签最关键的:before、:after伪元素运用。 最大的一点就是…

两年前自己就开始学习 PostCSS ，但在开发中使用却不到一年。 没有使用的原因是觉得 PostCSS 插件太多，学习成本很高。 但在开发中实际使用后，觉得 PostCSS 还是有很大的便捷性，诸如自动补全浏览器前缀这一功能就节省了很多时间，把繁琐的工作交给了程序，心思都集中…

在命名中就赋予他们更多的意义，并且体现了他们的关系。 ----->这恰恰就让你的代码更为友好，更加容易维护。 也就是提高了组件的独立性。 而且在写CSS样式时能够直接找到类名。 B(blcok):也就是块的概念，也可以叫做组件，模块。 很显然这个tabbar是一个块，很明显的区…

Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 bl…