CSS Naming Conventions...
bearbeitet von Rolf BHallo Tschoartsch,
nein, da hast Du jetzt einen dritten Aspekt hereingebracht.
".Animation" findet alle HTML Elemente mit class="Animation".
"#Animation" findet das HTML Element mit id="Animation". Die id soll eindeutig im Dokument sein, darum "das Element", nicht "die Elemente".
Keyframes sind ein reines CSS Konstrukt ohne Entsprechung im HTML, und auf den Namen einer @keyframes Definition kannst Du nur mit der CSS Eigenschaft animation-name Bezug nehmen. Dadurch legst Du fest, was in der Animation passieren soll.
~~~css
.Animation { /* "Animation" hier als Selektor */
animation-name: Animation; /* "Animation" hier als Eigenschaft */
~~~
Animation hier als Selektor: Jein. Der Punkt gehört zum Selektor, der Selektor ist **alles**, was vor dem { steht. Animation ist ein Klassenname in einem Klassenselektor.
Animation hier als Eigenschaft: Nein. Es ist der Name einer @keyframes Definition, keine Eigenschaft. Die Eigenschaft heißt animation-name.
_Rolf_
--
sumpsi - posui - obstruxi