css fade-in scale 渐变缩放

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

南下狩猎的小花猫

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

阅读量219

点赞数

文章标签： css 前端

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

版权

该代码段展示了如何使用CSS动画创建一个淡入效果，动画名为fadeInSlowAni，持续5秒。同时，当.el-calendar当前日期元素被鼠标悬停时，元素会以1.2的缩放比例平滑过渡，整个过渡过程在1秒内完成，并处理了浏览器兼容性问题。

摘要生成于 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;
}