原文地址：https://css-tricks.com/snippets/svg/text-lock-up/

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…

之前攒的满满的SVG+CSS3做动画的技能一直未能放个大招，理由很简单，因为本身从事行业的性质，软件里不能出现劳什子动画这等花里胡哨的东西，哦，不不，叫隐喻行为引导的趣味化。用canvas实现了一个科技感满满的动态绘制背景的登录页面，因为渲染占了20M内存，20M啊筒子们，那就是…

本篇文章不一一列举CSS3动画的属性，若需要了解API，可前往 MDN

这是CSS设计指南的读书笔记，用于加深学习效果。 上一篇介绍了css 的工作原理，这一篇主要介绍盒子模型和浮动。 盒子模型 所谓盒子模型，就是浏览器为页面中的每个HTML元素生成的矩形盒子。这些盒子们都要按照可见版式模型在页面上排布。 可见的页面版式主要由三个属性控制：posi…