Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > CSS-Tutorial > Legt fest, wie viele Sekunden oder Millisekunden ein CSS-Übergangseffekt dauert, bis er abgeschlossen ist

Legt fest, wie viele Sekunden oder Millisekunden ein CSS-Übergangseffekt dauert, bis er abgeschlossen ist

WBOY

Freigeben： 2023-09-15 22:49:02

nach vorne

1076 Leute haben es durchsucht

设置 CSS 过渡效果需要多少秒或毫秒才能完成

Verwenden Sie die Eigenschaft übergangsdauer in CSS, um die Anzahl der Sekunden oder Millisekunden festzulegen, die benötigt werden, bis der CSS-Übergangseffekt abgeschlossen ist –

Beispiel

Echtzeitdemonstration

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 150px;
            height: 150px;
            background: blue;
            transition-property: height;
            transition-duration: 2s;
         }
         div:hover {
            height: 200px;
         }
      </style>
   </head>
   <body>
      <h1>Heading One</h1>
      <p>Hover over the below box to change its height.</p>
      <div></div>
   </body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonLegt fest, wie viele Sekunden oder Millisekunden ein CSS-Übergangseffekt dauert, bis er abgeschlossen ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：tutorialspoint.com

Vorheriger Artikel：Wie kann ich die Schriftgröße mithilfe von CSS automatisch anpassen? Nächster Artikel：Animieren von CSS-Höheneigenschaften

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors