动画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 婚前女儿生日祝福语简短