动画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 生日广州男生祝福语简短