css fade-in scale 渐变缩放

最新推荐文章于 2025-03-03 17:38:43 发布

南下狩猎的小花猫

最新推荐文章于 2025-03-03 17:38:43 发布

阅读量203

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/HSJ0170/article/details/131936590

版权

这段代码定义了一个名为.fade-in-slow的类，应用了名为fadeInSlowAni的动画，该动画在5秒内逐渐增加元素的不透明度从0到1。同时，当.el-calendar.current元素被鼠标悬停时，其缩放比例会以1秒的过渡时间平滑地变为1.2倍。使用-webkit-前缀处理浏览器兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.fade-in-slow {
  animation:fadeInSlowAni 5s 1;
}
@keyframes fadeInSlowAni{
	0%{opacity:0;}
	100%{opacity: 1;}
}
.el-calendar .current:hover{
  transform: scale(1.2);
  transition: all 1s ease 0s;
  -webkit-transform: scale(1.2);//-webkit-解决浏览器兼容问题
  -webkit-transform: all 1s ease 0s;
}