Diferencias

Muestra las diferencias entre dos versiones de la página.

--- clase:daw:diw:2eval:tema08 [2021/02/03 15:35]
admin [Animaciones simétricas]
+++ clase:daw:diw:2eval:tema08 [2022/01/23 18:37]
admin [8. Animaciones]
@@ Línea 27: / Línea 27: @@
   * [[https://cssanimation.rocks/es/transition-vs-animation/|Transiciones vs. Animaciones]]
   * [[https://www.youtube.com/watch?v=MXMlTOnZSvo|Evangelina Ferreira - Newton meets CSS]]
+  * [[https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9|The ultimate guide to proper use of animation in UX]]
@@ Línea 298: / Línea 299: @@
             .c-cuadrado--girar {
-              animation-name: c-cuadrado-girar;
+              animation-name: animacion-girar;
               animation-duration: 3s;
             }
-            @keyframes c-cuadrado-girar {
+            @keyframes animacion-girar {
 % {
                 transform: rotate(0deg);

logongas