动画CSS单词间距属性
要使用CSS在word-spacing属性上实现动画,您可以尝试运行以下代码-
示例
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 2px solid blue;
background: orange;
animation: myanim 3s infinite;
}
@keyframes myanim {
50% {
word-spacing: 30px;
}
}
</style>
</head>
<body>
<h1>CSS word-spacing 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! 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 对女人退休祝福语简短