动画CSS文本阴影属性
要在CSS中的text-shadow属性上实现动画,您可以尝试运行以下代码-
示例
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 200px;
background-color: orange;
border: 2px solid blue;
animation: myanim 3s infinite;
}
@keyframes myanim {
30% {
text-shadow: 10px 20px 30px blue;
}
}
</style>
</head>
<body>
<h1>CSS text-shadow property</h1>
<div>
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
</div>
</body>
</html>热门推荐
10 情人表白祝福语简短大气
11 端午老师祝福语简短优美
12 高考送考祝福语简短
13 分手新年祝福语大全简短
14 男朋友新年祝福语简短
15 航空公司祝福语简短
16 雪后早晨简短的祝福语
17 庆双节祝福语简短
18 结婚祝福语粤语大全简短