Il s'agit de la méthode de définition des images clés dans l'animation en CSS3 @keyframes contrôle les liens intermédiaires de l'animation CSS en spécifiant le style d'image clé (ou point de séjour) qui doit être affiché à un moment précis de l'animation. Cela permet aux développeurs de contrôler plus de détails dans l'animation plutôt que de laisser le navigateur gérer tout automatiquement. Pour plus de détails, veuillez consulter : https://developer.mozilla.org...
La signification du code ci-dessus est que Les images clés 0%, 50% et 100% définissent le mouvement vertical de l'élément de page.
<span class="stress bigsize" id="big">Bonjour tout le monde</span>
Puisque l'affiche pose des questions sur le sélecteur, souhaitez-vous poser des questions sur le style @import ?
@import est utilisé pour importer des styles externes. Vous pouvez importer des feuilles de style externes dans <style></style>, ou vous pouvez introduire une autre feuille de style dans une feuille de style. Par exemple : importer plusieurs styles externes en CSS :
Ce que vous voyez commençant par #. est un sélecteur ; et ce que vous voyez commençant par @ est un identifiant de classe fonctionnelle en CSS plutôt qu'un sélecteur. Voici une référence pour les mots-clés fonctionnels en CSS. Ce qui nécessite une attention particulière ici, c'est que bien que ces mots-clés « commencent tous par @ », cela ne signifie pas qu'il existe une règle « commencer par @ », mais la même chose que les mots qui apparaissent. apparaissent ensuite ensemble comme un mot-clé réservé avec une fonction spéciale et claire (comme "@media", "@keyframes", etc.) et ne doivent pas être visualisés séparément.
@ est la référence spécifique de CSS3 à la détection d'animation, qui n'est pas le même concept que la sélection d'éléments que vous voyez habituellement
L'image clé de CSS3 n'a pas seulement @ devant elle. Est-il possible de la changer en autre chose ? Je n'ai pas approfondi cela.
C'est la manière d'écrire prescrite, il n'y a aucune raison pour laquelle
Commençant par
@, suivi d'un mot-clé disponible, ce mot-clé fait office d'identifiant pour indiquer ce que CSS doit faire.
La syntaxe est fixe, vous n'avez donc pas à vous en soucier, utilisez-la simplement
Il s'agit de la méthode de définition des images clés dans l'animation en CSS3
@keyframes contrôle les liens intermédiaires de l'animation CSS en spécifiant le style d'image clé (ou point de séjour) qui doit être affiché à un moment précis de l'animation.
Cela permet aux développeurs de contrôler plus de détails dans l'animation plutôt que de laisser le navigateur gérer tout automatiquement.
Pour plus de détails, veuillez consulter : https://developer.mozilla.org...
La signification du code ci-dessus est que
La différence entreLes images clés 0%, 50% et 100% définissent le mouvement vertical de l'élément de page.
, .
<span class="stress bigsize" id="big">Bonjour tout le monde</span>@keyframes s'écrit de la même manière que @import url('index.css');, c'est juste un identifiant d'un mot-clé de syntaxe.
Pourquoi
id
要写#
,class
要写.
,通配要写*
. Qu’est-ce qu’il y a de si déroutant là-dedansC'est ainsi que c'est écrit, veuillez l'accepter. Je souhaite poser une question, merci
.Ce que vous voyez commençant par #. est un sélecteur ; et ce que vous voyez commençant par @ est un identifiant de classe fonctionnelle en CSS plutôt qu'un sélecteur. Voici une référence pour les mots-clés fonctionnels en CSS. Ce qui nécessite une attention particulière ici, c'est que bien que ces mots-clés « commencent tous par @ », cela ne signifie pas qu'il existe une règle « commencer par @ », mais la même chose que les mots qui apparaissent. apparaissent ensuite ensemble comme un mot-clé réservé avec une fonction spéciale et claire (comme "@media", "@keyframes", etc.) et ne doivent pas être visualisés séparément.
@ est la référence spécifique de CSS3 à la détection d'animation, qui n'est pas le même concept que la sélection d'éléments que vous voyez habituellement