动画CSS填充属性

要使用CSS在padding属性上实现动画,您可以尝试运行以下代码

示例

<!DOCTYPE html>

<html>

   <head>

      <style>

         div {

            width: 350px;

            height: 150px;

            outline: 2px solid orange;

            animation: myanim 3s infinite;

         }

         @keyframes myanim {

            50% {

               padding: 20px;

            }

         }

      </style>

   </head>

   <body>

      <h1>CSS padding property</h1>

      <div> </div>

   </body>

</html>

以上是 动画CSS填充属性 的全部内容, 来源链接: utcz.com/z/326486.html

回到顶部