Heim > Artikel > Web-Frontend > Legen Sie Kurzeigenschaften für alle animierten Eigenschaften mithilfe von CSS fest
Legen Sie Kurzeigenschaften für alle animierten Eigenschaften mithilfe von CSS fest
- WBOYnach vorne
- 2023-09-18 09:49:021175Durchsuche
Die Abkürzungseigenschaft zum Festlegen aller Animationseigenschaften ist animation. Es legt die Animationsdauer, den Animationsnamen usw. fest.
Sie können versuchen, den folgenden Code auszuführen, um das animierte Kurzschriftattribut zu verwenden:
Beispiel
Live-Demo
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 150px;
height: 200px;
background-color: yellow;
animation: myanim 2s
}
@keyframes myanim {
from {
background-color: green;
}
to {
background-color: blue;
}
}
</style>
</head>
<body>
<div></div>
</body>
</html>Das obige ist der detaillierte Inhalt vonLegen Sie Kurzeigenschaften für alle animierten Eigenschaften mithilfe von CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Erstellen Sie erweiterte Ladebildschirme mit CSSNächster Artikel：Erstellen Sie erweiterte Ladebildschirme mit CSS