如果你的前端没有做什么动画的话,比如手撸的简易界面,可以考虑加一个
*,*:before,*:after {
/* 动作事件,随便添加定义,比如高度变化:height,字体大小变化:font-size */
transition-property: background,background-color,border-radius,border,color,transform,height,width,font-size;
/* 慢动作时间,支持小数,如:0.8s */
transition-duration:1s;
}
例子:
.xxx{font-size:16px}
.xxx:hover{font-size:20px}
这个变化过程不是生硬的直接变大缩小,有一个渐变效果
@水木易安,
过于暴力了,还是能自定义的好点