借助CSS提供的animation与transform及filter滤镜等属性，我们可以使用CSS设置出精美的动画效果，进一步可以使用CSS对HTML页面基本元素、图标等进行动画设计，如按钮效果，页面加载图标等。
作为前端开发者，相信大家对 CodePen 不是很陌生。它是一个非常了不起的网站，在上面大家不仅可以分享自己的 Web 作品，而且可以欣赏到世界各地的优秀开发者实现的各种酷炫效果。当然，你也可以从这里获取一些小灵感。在本文中，小狮将与大家分享一些超炫的 CSS 动画效果。
简介CSS 是什么？CSS是Cascading Style Sheets的简称，中文称为层叠样式表。属性和属性值用冒号隔开，以分号结尾。CSS 四种引入方式：1.行内式行内式是在标签的style属性中设定CSS样式。<div style="..."></div>2.
引用 MDN 的定义:@property CSS at-rule是CSS Houdini API 的一部分，它允许开发者显式地定义他们的CSS 自定义属性， 允许进行属性类型检查、设定默认值以及定义该自定义属性是否可以被继承。
1．CSS是什么？CSS（Cascading style Sheets）是 “层叠样式表单”的意思，也可以叫作“层叠样式表”，实际上CSS语言是一组样式，是一个用于网页排版的标记性语言。它是由W3C协会制定并发布的一个网页排版式标准，是对HTML语言功能的补充。
1、DataV（源码地址：https://github.com/DataV-Team/DataV）。该项目是由vue开发的，支持常见的图表、水位图、飞线图等。该项目对于我这种css技术很差的人来说，它最大亮点就是的它的边框、装饰动画做的很好。
