css animation动画实现简易报警灯

编程入门行业动态更新时间:2024-10-20 03:25:15

css animation动画实现<a href=https://www.elefans.com/category/jswz/34/1769136.html style= 简易报警灯"/>

css animation动画实现简易报警灯

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:blue;
}.a
{
//将此代码挂载到所要添加的类
animation: 1s rainbow infinite;
}
// 主要实现代码
@keyframes rainbow {0% { opacity: 0; }50% { opacity: 1; }100% { opacity: 0; }
}
</style>
</head>
<body><div :class='a'></div></body>
</html>

更多推荐

css animation动画实现简易报警灯

本文发布于:2024-03-14 04:07:30，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1735587.html