Diferencias

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

--- wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start [2024/01/09 12:32]
ary
+++ wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start [2024/01/11 14:21] (actual)
ary [Tabla]
@@ Línea 6: / Línea 6: @@
 \\
 |<50%>|
-^ Efectos                                                                                                                                                 ^ Valor del Atributo animation_in/out  ^
+^ Efectos                                                                                                                                                 ^ Valor del Atributo animation_in/out     ^
-| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Entrada/Salida desde arriba|Entrada/Salida desde arriba]]          | "##PUSH_DOWN_IN##" o "##PUSH_OUT##"  |
+| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Entrada/Salida desde arriba|Entrada/Salida desde arriba]]          | "##PUSH_DOWN_IN##" o "##PUSH_OUT##"     |
-| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Entrada/salida desde abajo|Entrada/salida desde abajo]]            | "##PUSH_IN##" o "##PUSH_DOWN_OUT##"                    |
+| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Entrada/salida desde abajo|Entrada/salida desde abajo]]            | "##PUSH_IN##" o "##PUSH_DOWN_OUT##"     |
-| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Entrada/salida por la izquierda|Entrada/salida por la izquierda]]  | "##LEFT_IN##" o "##RIGHT_OUT##"      |
+| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Entrada/salida por la izquierda|Entrada/salida por la izquierda]]  | "##LEFT_IN##" o "##RIGHT_OUT##"         |
-| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Entrada/salida por la derecha|Entrada/salida por la derecha]]      | "##RIGHT_IN##" o "##LEFT_OUT##"      |
+| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Entrada/salida por la derecha|Entrada/salida por la derecha]]      | "##RIGHT_IN##" o "##LEFT_OUT##"         |
-| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Rotación 3D|Entrada/salida por abajo]]                             | "##ROTATE3D_IN##" o "##ROTATE3D_OUT##"                  |
+| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Rotación 3D|Rotación 3D]]                                          | "##ROTATE3D_IN##" o "##ROTATE3D_OUT##"  |
-| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Efecto de ZOOM|Efecto de ZOOM]]                                    | "##ZOOM_IN##" o "##ZOOM_IN##"                           |
+| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Efecto de ZOOM|Efecto de ZOOM]]                                    | "##ZOOM_IN##" o "##ZOOM_IN##"           |
-| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Aparece/Desaparece|Aparece/Desaparece]]                            | "##ALPHA_IN##" o "##ALPHA_OUT##"                        |
+| [[wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start#:Aparece/Desaparece|Aparece/Desaparece]]                            | "##ALPHA_IN##" o "##ALPHA_OUT##"        |
 \\
 \\
@@ Línea 21: / Línea 21: @@
 ^ Atributo                      ^ Valor del atributo                     ^
 | animation_in / animation_out  | "##PUSH_DOWN_IN##" o "##PUSH_OUT##"  |
-\\
 <code javascript>
 <frame name="frmTitleCalendario" height="100%" align="center|top" width="96%" lmargin="2%" animation-in="##PUSH_DOWN_IN##" animation-out="##ROTATE3D_OUT##">
@@ Línea 30: / Línea 29: @@
 ^ Atributo                      ^ Valor del atributo                     ^
 | animation_in / animation_out  | "##PUSH_IN##" o "##PUSH_DOWN_OUT##"  |
-\\
 <code javascript>
 <frame name="frmTitleCalendario" height="100%" align="center|top" width="96%" lmargin="2%" animation-in="##PUSH_IN##" animation-out="##ROTATE3D_OUT##">
@@ Línea 37: / Línea 35: @@
 === Entrada/salida por la izquierda ===
 |<50%>|
-^ Atributo                      ^ Valor del atributo                     ^
+^ Atributo                      ^ Valor del atributo               ^
-| animation_in / animation_out  |  "##LEFT_IN##" o "##RIGHT_OUT##"|
+| animation_in / animation_out  |  "##LEFT_IN##" o "##RIGHT_OUT##" |
-\\
+<code javascript>
   <frame name="frmnuevochat" animation-in-delay="250" animation-out-delay="250" animation-out="##LEFT_IN##" disablevisible="MAP_VERFLOTANTE=0" bgcolor="#ffffff" modal="true" floating="true" top="0" left="0" width="100%" height="100%">
+</code>
 \\
 === Entrada/salida por la derecha ===
 |<50%>|
-^ Atributo                      ^ Valor del atributo                     ^
+^  Atributo                     ^  Valor del atributo              ^
-| animation_in / animation_out  |  "##RIGHT_IN##" O "##LEFT_OUT##"|
+| animation_in / animation_out  | "##RIGHT_IN##" O "##LEFT_OUT##"  |
-\\
+<code javascript>
  <frame name="frmnuevochat" animation-in-delay="250" animation-out-delay="250" animation-in="##RIGHT_IN##" animation-out="##LEFT_OUT##" disablevisible="MAP_VERFLOTANTE=0" bgcolor="#ffffff" modal="true" floating="true" top="0" left="0" width="100%" height="100%">
+</code>
 \\
 === Rotación 3D ===
@@ Línea 53: / Línea 53: @@
 ^ Atributo                      ^ Valor del atributo                     ^
 | animation_in / animation_out  |  "##ROTATE3D_IN##" o "##ROTATE3D_OUT##"|
-\\
+<code javascript>
    <frame name="frmTitleCalendario" height="100%" width="96%" lmargin="2%" animation-in="##PUSH_IN##" animation-out="##ROTATE3D_OUT##">
+</code>
 \\
 === Efecto de ZOOM ===
@@ Línea 60: / Línea 61: @@
 ^ Atributo                      ^ Valor del atributo                     ^
 | animation_in / animation_out  | "##ZOOM_IN##" o "##ZOOM_IN##"     |
-\\
+<code javascript>
    <frame name="frmTitleCalendario" height="100%" width="96%" lmargin="2%" animation-in="##ZOOM_IN##">
+ </code>
 \\
 === Aparece/Desaparece ===
@@ Línea 67: / Línea 69: @@
 ^ Atributo                      ^ Valor del atributo                     ^
 | animation_in / animation_out  |  "##ALPHA_IN##" o "##ALPHA_OUT##"      |
-\\
+<code javascript>
    <frame name="frmTitleCalendario" height="100%" width="96%" lmargin="2%" animation-in=""##ALPHA_IN##"">
+</code>
 \\
+<note tip>Nótese que se hace uso en algunas animaciones del atributo **animation-in-delay="250"** o **animation-out-delay="250"** conjuntamente con el tipo de animación, este se utiliza para definir el tiempo que èsta se ejecuta.</note>
-Ejemplos:
+\\
+**Ejemplos de animaciones definidas en .css:**
 \\