Diferencias

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

Enlace a la vista de comparación

Ambos lados, revisión anterior Revisión previa
Próxima revisión 		Revisión previa
wiki:2.-desarrollo-app:2.5.-controles-by-xone:animaciones:animaciones_frame:start [2024/01/09 12:39]
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%>| |<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 35: Línea 35:
 === Entrada/salida por la izquierda === === Entrada/salida por la izquierda ===
 |<50%>| |<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> <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%">   <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%">
Línea 43: Línea 43:
 === Entrada/salida por la derecha === === Entrada/salida por la derecha ===
 |<50%>| |<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> <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%">  <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%">
Línea 75: Línea 75:
 <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> <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:**
 \\ \\