CSS3中的变形与动画

　　最近在学习制作移动端的页面，做了一个微信页面的小demo，其中用到了很多的CSS3新增的内容，其中就有CSS3新增的变形和动画。其实这种CSS3的动画效果用JS也可以实现，不过CSS3能开启硬件加速，性能更好。

 　　（下面均没写浏览器前缀，如有需要请自行添加~~）

CSS3常见的动画效果的实现，其实主要是靠 transition和 animation 。 而通常，这两个又会和CSS3中的新属性 transform 来搭配使用

那么这三个东西其实是干什么用的呢？我按我自己的理解来下个简单结论。

transform：把元素变形；

transition：元素的属性变化时，给他一个过渡的动画效果；

animation：做复杂动画。

下面来详细地说一下。

首先要说的是transform的语法：　　

transform:none | transform-functions ;

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：CSS3中的变形与动画

关键词：CSS