纯CSS实现酷炫渐变色、旋转动画特效

一、效果展示 首先来看一下我们最终要实现的效果： 旋转放大： 垂直下落： 旋转掉落： 接下来我们就用CSS进行实现。 二、代码实现 1、定义盒子 此时的效果： 2、添加hover伪类选择器 此时效果： 鼠标移入颜色发生变化，但是感觉过于生硬，能不能让颜色慢慢改变呢？对，我们接下来就是要实现“渐变色”的效果。 3、实现渐变色 代码中的3s即为设置3秒钟的渐变色时间，看下此时的效果： 发现渐变色的效果

>>阅读原文<<