Diferencias

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

--- clase:daw:diw:2eval:tema08 [2025/01/28 12:42]
admin [Transformaciones]
+++ clase:daw:diw:2eval:tema08 [2025/02/13 11:47] (actual)
admin [Animaciones]
@@ Línea 30: / Línea 30: @@
     * [[https://www.kirupa.com/html5/css3_animations_vs_transitions.htm|CSS3: Animations vs. Transitions]]
     * [[https://cssanimation.rocks/es/transition-vs-animation/|Transiciones vs. Animaciones]]
+  * Animaciones que no aportan nada.
+    * [[https://pitch.com/]]
@@ Línea 314: / Línea 316: @@
     * ''steps(pasos)''
     * ''cubic-bezier(n,n,n,n)''
-  * retardo: Cuanto tiempo en segundos tarda en empezar la transición.
+  * retardo: Cuanto tiempo en segundos tarda en empezar la transición. Por ejemplo en ''hover'', lo correcto es hacer que no empiece la animación enseguida ya pasando rápido el curso se empieza a hacer y queda feo si no nos detenemos. Por eso hay que poner un retardo de al menos 0.3s
 Mas información de la timing-function en:
@@ Línea 466: / Línea 468: @@
 Mas información:
   * [[https://www.w3schools.com/jsref/met_win_settimeout.asp|Timeout]]
+=== Movimiento de una campana ===
+En este apartado podéis ver el movimiento real que haría una camapana. Para hacer el movimiento real se han usado las fórmulas físicas que describen el movimiento de dicha campana.
+Está con rozamiento y sin él.
+  * {{ :clase:daw:diw:2eval:campana.html |}}: Ejemplo de movimiento de la campana
+  * {{ :clase:daw:diw:2eval:calculos_movimiento_campana.xlsx |}}: Excel con el cálculo de los movimiento siguiendo la fórmula física
+//El ejemplo es gracias a Àngela Hermosilla, licenciada en físicas y estudiantes de este ciclo de DAW//.
 ===== Animaciones simétricas =====

logongas

Herramientas de usuario

Herramientas del sitio

Diferencias

Herramientas de la página