Rumah > hujung hadapan web > tutorial css > Menganimasikan sifat kiri jidar CSS

Menganimasikan sifat kiri jidar CSS

王林
Lepaskan: 2023-08-26 23:21:16
ke hadapan
967 orang telah melayarinya

动画 CSS margin-left 属性

Untuk menghidupkan sifat margin-kiri dalam CSS, anda boleh cuba menjalankan kod berikut

Contoh

Live Demo

<!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>
Salin selepas log masuk

Atas ialah kandungan terperinci Menganimasikan sifat kiri jidar CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan