CSS word-spacing 属性动画

要使用 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>

相关文章

• 使用 CSS Animation 为 transform 属性添加动画
• CSS width 属性动画
• CSS outline-color 动画
• CSS text-decoration-color 属性动画
• 在 CSS perspective-origin 属性上执行动画
• CSS text-shadow 属性动画
• CSS text-indent 属性动画
• CSS top 属性动画
• CSS outline-offset 属性动画
• 使用 CSS Animation 为 Vertical-align 属性添加动画

有用资源

• css 参考教程 - 该教程包含有关 css 的更多信息:https://www.cainiaomax.com/css/