CSS3 动画开发指南第一弹

深入理解清除浮动带来的影响

情人节快到了，特整理一些情人节相关 icon 图标方便大家取用。

令人愉悦的动效几乎已经成为如今网页设计的标准配置了，融入动效的交互细节让现代网页同以往的设计在根本上区别开来。动效不仅可以表现状态，引导用户的关注点，帮助用于预测交互的结果，甚至影响用户的行为。 在逐步的探索和发展过程中，动效在网页和 APP 中的运用方法与技巧已经逐步成熟，形成了一套相对系统的模式。今天的文章我们通过一系列实例，来展示一下动效是如何改善整个用户体验的。

本文是2016年的最后一篇文章，主要是将一些CSS细节问题整理一下。 background-position取值为百分比的计算方式 margin相邻折叠问题 position的absolute和relative定位top、left、right、bottom问题 覆盖样式问题 1…

详细介绍了时下热门 CSS3 3D 技术，合理运用在页面上可极大提高页面的关注度。

Qarticles.js 基于 canvas 的轻量级炫酷 js 粒子动画库。Qarticles 可以动态设置粒子和线条的颜色等属性，非常酷。

学完 css3 感觉好强大，但是作为前端开发者一定要知道如何在老版本浏览器（IE<9）正常支持 css3 属性。

话不多说，先上demo 酷炫css3走马灯/正方体动画： https://bupt-hjm.github.io/css3-3d/ github源码地址：https://github.com/BUPT-HJM/css3-3d 酷炫css3翻页动画： https://bupt-hj…