动画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 兄妹拍照祝福语简短的话