動畫 CSS margin-left 屬性

王林轉載: 2023-08-26 23:21:16969瀏覽

动画 CSS margin-left 属性

要在CSS 中實作margin-left 屬性的動畫，您可以嘗試執行下列程式碼

範例

現場示範

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            background-color: gray;
            animation: myanim 3s infinite;
            color: white;
         }
         @keyframes myanim {
            30% {
               margin-left: 20px;
            }
         }
      </style>
   </head>
   <body>
      <h2>Heading One</h2>
      <div>
         This is demo text.
      </div>
   </body>
</html>

以上是動畫 CSS margin-left 屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！

css margin

陳述：

本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除

上一篇：建立 css 表達式有哪些不同的方法？下一篇：建立 css 表達式有哪些不同的方法？

看更多