动画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 宝宝100日简短祝福语
17 入学校简短祝福语
18 送给姐姐简短的祝福语