动画CSS文本阴影属性

  • Z时代
  • 2024-01-10
  • 分类：综合

要在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>

以上是 动画CSS文本阴影属性 的全部内容， 来源链接： utcz.com/z/330970.html

回到顶部