En CSS, une règle @keyframes est utilisée pour créer des animations. Plus précisément, elle permet de décrire comment une animation se déroulera de son état de départ à son état final. Vous pouvez spécifier les étapes intermédiaires de l’animation, appelées “keyframes”, pour contrôler plus précisément le déroulement de l’animation.
Par exemple, vous pourriez avoir une règle @keyframes qui fait passer un élément de l’opacité 0 à l’opacité 1 sur une période de 2 secondes, ce qui créerait un effet de fondu.
