js 发光特效

最新推荐文章于 2024-08-28 13:25:32 发布

卡恩.鸿蒙

最新推荐文章于 2024-08-28 13:25:32 发布

阅读量445

点赞数 11

分类专栏：前端html 文章标签： javascript css css3

本文链接：https://blog.csdn.net/kael_wyh/article/details/134861661

版权

前端html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一个发红光的动画特效：不停的发出红光闪烁
记录下，说不定以后能用到
这个有个好处就是纯css就行，不用额外的js写timer

<!DOCTYPE html>
<html>
<head>
	<meta charset=utf-8 />
	<title>发光</title>
</head>
<style>

.glow1{
    -webkit-animation: mymove 1s infinite; /* Chrome, Safari, Opera */
    animation: mymove 1s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {
        text-shadow: 0 0 20px red,0 0 20px red,0 0 20px red,0 0 20px red
    }
}

/* Standard syntax */
@keyframes mymove {
    50% {
        text-shadow: 0 0 20px red,0 0 20px red,0 0 20px red,0 0 20px red
    }
}
</style>
<body>
	<h1></h1>
	<div class="animation glow1">11111</div>
</body>

</html>