Foros del Web » Creando para Internet » CSS »

¿Aumentar FrameRate en Keyframes/Transitions?

Estas en el tema de ¿Aumentar FrameRate en Keyframes/Transitions? en el foro de CSS en Foros del Web. ¿Es posible aumentar el frame Rate en las animaciones con CSS3?, El problema reside en que las animaciones un poco echadas pa"lante, por ejemplo mover ...
  #1 (permalink)  
Antiguo 11/02/2012, 03:03
Avatar de Albuss  
Fecha de Ingreso: enero-2012
Ubicación: Coruña
Mensajes: 475
Antigüedad: 12 años, 3 meses
Puntos: 30
¿Aumentar FrameRate en Keyframes/Transitions?

¿Es posible aumentar el frame Rate en las animaciones con CSS3?, El problema reside en que las animaciones un poco echadas pa"lante, por ejemplo mover 800px en 3sg, tienen una cadencia de framerate brutal ¿alguna sugerencia?


En contra de lo que se pueda pensar, es por pragmatismo puro y duro, sobretodo a la hora de trabajar con textos animados, un frame rate bajo impide su lectura.


Ps. Moderadores, sin querer , he creado el tema en un subforo equivocado, tendría que ir en CSS
  #2 (permalink)  
Antiguo 12/02/2012, 06:40
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: ¿Aumentar FrameRate en Keyframes/Transitions?

Cada animación requiere un proceso de evaluación y meditar qué se pretende.
El framerate no lo puede variar.
Si tiene que ir de A hasta B en X tiempo eso hará.
Si lo quiere más despacio aumentará el tiempo. Si es más rápido disminuirá.

Otra cuestión distinta es la transición (retorno) al estado inicial. No se si es a eso a lo que se refiere.

Fíjese en la diferencia entre:
Código CSS:
Ver original
  1. @keyframes palpitar{
  2.         0%, 100% {
  3.                 font-size: 1em;
  4.         }
  5.         50% {
  6.                 font-size: 3em;
  7.         }
  8. }
  9. #h1 {
  10.      animation: palpitar 2s infinite;
  11. }
y
Código CSS:
Ver original
  1. @keyframes palpitar {
  2.         0% {
  3.                 font-size: 1em;
  4.         }
  5.         100% {
  6.                 font-size: 3em;
  7.         }
  8. }
  9. #h1 {
  10.      animation: palpitar 2s infinite;
  11. }

Añada los prefijos privativos al gusto.

N.B.: si quiere asegurarse de que le muevan el tema, utilice el triángulo para reportarlo.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Etiquetas: framesporsegundo, keyframes, transitions, animacion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:11.