Anàlisi dels Elements Dinàmics (CSS Animation)
S'han implementat dos efectes dinàmics basats únicament en CSS per a la web, garantint l'accessibilitat mitjançant la gestió de la repetició i el text alternatiu (ARIA).
1. Targeta "Empleat del Mes" (Animació CSS Keyframes)
Aquesta animació mou la targeta de l'empleat i li canvia la mida. El codi utilitza @keyframes moureICanviarMida i la propietat transform: translate() scale() per crear el moviment. Adaptació: S'ha limitat la propietat animation-iteration-count a 2 repeticions, evitant així el moviment continu que podria ser una barrera per a usuaris amb sensibilitat al moviment.
2. Imatge Rotatòria (Producte Destacat)
Aquest efecte crida l'atenció sobre un producte clau (Switch Core). La funció @keyframes girarLentament i transform: rotateY(360deg) permeten el gir. Adaptació: Tot i ser infinite, el gir és molt lent (8s) per ser menys invasiu. S'ha inclòs un alt descriptiu i tabindex="0" a la imatge per permetre l'enfocament amb el teclat i la descripció per al lector de pantalla.