示例：鼠标激活CSS动画Ⅰ

感谢 Cesaryuan 大佬的代码

把鼠标移动到上面看看效果

代码如下（普通放大效果）：

<!-------------鼠标放上去它会动哦---------------->
<style>
.classname:hover {
    transform: scale(1.1);
}
.classname{
    transition: 0.5s;
}
</style>
<!-------------鼠标放上去它会动哦---------------->

还有一个效果是自定义动画的
jello 就表示果冻效果；

<!-------------鼠标放上去它会动哦---------------->
<style>
.classname:hover {
	animation-name: jello;
	 animation-duration: 1.4s;
}
.classname{
    transition: 0.5s;
}
</style>
<!-------------鼠标放上去它会动哦---------------->

再插入Class里：classname 即可（如下）

class="classname"