学习这8个CSS3转换，轻松提升网站用户体验！

闹乌龙。 CSS3给UX设计师带来了无数的可能性，最酷的部分是非常简单的实现。哈哈， 说实话，短短的几行代码，就会给你一个很棒的过渡效果，让你的用户增加参与度，到头来在使用时增加你的转换。

那些简单却强大的CSS3转换

正宗。 更重要的是 这些影响是硬件加速，并逐渐增强，这里有8个简单的CSS3转换，非常简单的效果，会增加你的UI，让你的用户的脸上多一个微笑。

就算.... 所有这些影响都是通过过渡特性控制的。所以我们可以看到这些影响， 我们会在HTML页面中设置一个div：

我倾向于... 先说说咱就是说你得有一个HTML页面然后在里面添加一个div。

改变颜色

在过去， 改变颜色是令人难以置信的复杂，需要各种数学计算，涉及不同的RGB值，然后将它们结合起来。现在 我们只需设置DIV的类“颜色”并指定我们想要在我们的CSS颜色：，客观地说...

YYDS... .color:hover { background: #53a7ea; }

这个效果很简单，就是鼠标悬停时改变背景颜色，你懂的，我持保留意见...。

成长与收缩

总结一下。 成长的一个元素，你必须使用它的宽度和高度，或填充。但是现在我们可以使用CSS3的变换放大。设置你的div的类“成长”，然后将这个代码添加到你的风格的块：

.grow:hover { -webkit-transform: scale; -ms-transform: scale; transform: scale; }，本质上...

收缩的一个元素作为生长一样简单。