In CSS3 lautet der Name des Animationsattributs „animation“. Dabei handelt es sich um ein abgekürztes Attribut, mit dem der gebundene Keyframe-Name, die Animationszeit, die Geschwindigkeitskurve, die Animationsverzögerung, die Animationszeiten und die Angabe der umgekehrten Syntax angegeben werden : „Animation: Name, Zeit, Geschwindigkeit, Verzögerungszeiten, ob in umgekehrter Richtung abgespielt werden soll“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Wie heißt das CSS3-Animationsattribut?
animationsattribut ist ein Abkürzungsattribut, das zum Festlegen von sechs Animationsattributen verwendet wird:
animationsname
animationsdauer
animations-timing-function
animation-delay
animation-iteration-count
animation-direction
Hinweis: Bitte geben Sie immer das Attribut „animation-duration“ an, andernfalls ist die Dauer 0 und die Animation wird nicht abgespielt .
Die Syntax lautet:
animation: name duration timing-function delay iteration-count direction;
Der durch den Parameter dargestellte Wert lautet:
Das Beispiel lautet wie folgt:
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
}
@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {left:0px;}
to {left:200px;}
}
</style>
</head>
<body>
<p><strong>注意: </strong> Internet Explorer 9 及更早IE版本不支持 animation 属性。</p>
<div></div>
</body>
</html>Das Ausgabeergebnis:
(Lernvideo-Sharing: css. Video Tutorial )
Das obige ist der detaillierte Inhalt vonWie lautet der Name der CSS3-Animationseigenschaft?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
CSS: Kann ich mehrere IDs im selben DOM verwenden?May 14, 2025 am 12:20 AMNein, you sollte nichtusemultipIdsinthesamedom.1) idsmustbeuniqueperhtmlspecification und UseDuplicateSconstinconsistentBrowserBehavior.2) Useclassesforstylingmultipleements, AttributeStorgetargetingBytributes undDesschonten- und Desschütten und Desschütten und Desschuhteilen und Desschüttungen und Desschüttungen
Die Ziele von HTML5: Erstellen eines leistungsfähigeren und zugänglichen WebsMay 14, 2025 am 12:18 AMHTML5aimstoenhancewebcapabilities,makingitmoredynamic,interactive,andaccessible.1)Itsupportsmultimediaelementslikeand,eliminatingtheneedforplugins.2)Semanticelementsimproveaccessibilityandcodereadability.3)Featureslikeenablepowerful,responsivewebappl
Bedeutende Ziele von HTML5: Verbesserung der Webentwicklung und BenutzererfahrungMay 14, 2025 am 12:18 AMHtml5aimstoenhancewebdevelopment undseRexperiencethroughsemanticsstruktur, Multimediaintegration und PerformanceimProvements.1) semanticelements wie und impovereadability und Accessibility.2) und TagsallownessmultimediaMeddingdingdingDingdingdingdingwithaugleDeUtPlugin.
HTML5: Ist es sicher?May 14, 2025 am 12:15 AMHtml5isnotinherentiNecure, ButitsFeaturesCanleadtoseCurityRiksifmisusesedOrimProperlyImplemented.1) UsethesandboxattributeIniframestocontrolembeddedContentandPreventVulerabilitsLiKeClickjacking.2) meiden
HTML5 -Tore im Vergleich zu älteren HTML -VersionenMay 14, 2025 am 12:14 AMHtml5AimedToenHancewebdevelopmentByIntrocingSemanticelemente, Nativemultimediasupport, verbesserte Formelemente und OfflineKapabilitäten, kontrastübergreifend mit THTHTHTHTHIMITIMITATIONSOFHTML4ANDXHTML.1) ITINTREIDEMANTICTAGAGAGAGAGAGAGAGAGAGEN, AUSGRISSIERUNGEN
CSS: Ist es schlecht, ID -Selektor zu verwenden?May 13, 2025 am 12:14 AMDie Verwendung von ID -Selektoren ist in CSS nicht von Natur aus schlecht, sollte aber mit Vorsicht verwendet werden. 1) ID -Selektor eignet sich für eindeutige Elemente oder JavaScript -Hooks. 2) Für allgemeine Stile sollten Klassenauswahlern verwendet werden, da sie flexibler und wartbarer sind. Durch die Ausbindung der Verwendung von ID und Klasse kann eine robustere und effizientere CSS -Architektur implementiert werden.
HTML5: Tore im Jahr 2024May 13, 2025 am 12:13 AMHtml5'Sgoalsin2024FocusonRefinement undoptimization, NotnewFeatures
Was sind die Hauptbereiche, in denen sich HTML5 verbessern versucht hat?May 13, 2025 am 12:12 AMHtml5AimedToimProvewebdevelopmentInfourKeyAreaas: 1) Multimediasupport, 2) Semanticsstruktur, 3) FormCapabilities und 4) Offline und StorageOptions.1) html5Introducuedand und vereinfachen mediaMbeddinganddingandenhancingSexperience.2)
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
SublimeText3 Englische Version
Empfohlen: Win-Version, unterstützt Code-Eingabeaufforderungen!
PHPStorm Mac-Version
Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool
SAP NetWeaver Server-Adapter für Eclipse
Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.
Sicherer Prüfungsbrowser
Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.
WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools
