我想很多程序员应该记得 GitHub 上有一个 Awesome：XXX 系列的资源整理。awesome-css是 sotayamashita 发起维护的 CSS 资源列表，内容包括：CSS预处理器、框架、CSS结构、代码风格指南、命名习惯、播客、演讲视频、大网站的 CSS 开发经验等等。 Awesome 系列虽然挺全，但 ...

这个其实用 CSS 动画也很好实现，水平和垂直两个方向的位移动画分别用不同的动画缓存函数 有兴趣的可以参考张鑫旭的这篇文章：这回试试使用CSS实现抛物线运动效果[2] 现在来介绍今天的主角。首先看语法，还是非常简单的 /* 单个值 */ animation-composition: replace ...

本文主要讲讲 CSS 非常新的一个特性，CSS @property，它的出现，极大地增强的 CSS 的能力! 根据 MDN -- CSS Property[1]，@property CSS at-rule 是 CSS Houdini API 的一部分, 它允许开发者显式地定义他们的 CSS 自定义属性，允许进行属性类型检查、设定默认值以及定义该自定义属性 ...

本文通过几个简单 demo 带领大家一起深入学习一下 Animation 时间函数中的 steps 函数。 欢迎留言并分享 steps 相关动画效果，欢迎批评指正。其他前端干货敬请关注我司微信公众号 - 《前端新视野》。 利用 CSS3 的 Animation 可以创建动画，在许多页面中能够替代 Flash ...

最近有个项目里面用到跑马灯，网上搜了下，虽然有人贴出来过一些实现，但是实际上都存在一些个问题。 哎，再造个轮子吧。 微信小程序现在实际上还是用的 webview，里面搞动画效率最高的莫过于使用CSS3 的 animation了。 跑马灯无非就是一直滚动，这很容易 ...

中国经济发展的同时，数以百万计的人从农村移居到城市，到工厂去打工。不过，他们的孩子却成为农村的“留守儿童”。BBC ...