Animationseffekte in CSS

Animation ist der Prozess, Bewegungseffekte zu erzeugen und das Erscheinungsbild zu verändern. CSS unterstützt verschiedene Animationseffekte, um die Ereignisbewegung zu ändern.

Unter Animation gibt es ein Konzept „Keyframes“, das verwendet wird. Keyframes steuern Zwischenschritte der Animation in CSS3.

Das folgende Beispiel zeigt die Höhe, Breite, Farbe, den Namen und die Dauer der Animation mithilfe der Keyframe-Syntax an –

Syntax

@keyframes animation {
   from {background-color: pink;}
   to {background-color: green;}
}

div {
   width: 100px;
   height: 100px;
   background-color: red;
   animation-name: animation;
   animation-duration: 5s;
}

Das obige ist der detaillierte Inhalt vonAnimationseffekte in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!