Animar texto con CSS3 y WebKit para Chrome y Safari

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Ninguna valoración todavía)
Cargando…

También te podría gustar...

Sobre este artículo

ISC Daniel Ernesto Navarro Herrera de OK Hosting Mexico

LaWebera.es :: Diseño Web

Licencia: Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

6 Respuestas

  1. Jaime Mongay

    Ya encontré el error, garrafal!! de principiante. por culpa de los comentario tenia un corchete que no estaba cerrado. Disculpen las molestias, ahora todo funciona perfecto. Un saludo.

  2. Jaime Mongay

    ARCHIVO CSS

    #zona-gestos.doubletap{
    -webkit-animation: pulsacion 1.5s 1;
    }

    @-webkit-keyframes pulsacion {
    0%, 100% {
    background-color: #7fba67; /* cuando este al 0 o al 100 % de la animacion que
    } sea de un colo y cuando este al 50% de otro color */
    50% {
    background-color: #8de1bd;
    }
    }

    ARCHIVO JS
    iniciaHammer: function() {
    var zona = document.getElementById(‘zona-gestos’);
    var hammertime = new Hammer(zona);

    hammertime.get(‘pinch’).set({ enable: true });
    hammertime.get(‘rotate’).set({ enable: true });

    zona.addEventListener(‘webkitAnimationEnd’, function(e){
    zona.className=”;
    })

    hammertime.on(‘doubletap’, function(ev) {
    zona.className=’doubletap’;
    });

  3. Jaime Mongay

    Hola buenas tengo un problemita, estoy empezando en el mundo de aplicaciones moviles, y estoy creando unas animaciones, pero no me funciona bien @-webkit-keyframes . Desarrollo la aplicacion con sublime text y estoy utilizando phoneGap, pero en mi movil cuando abro la aplicación no me funciona la aplicacion. Creo que es problema de webkit. Si quieres puedo pasarte el codigo. unsaludo

  4. elitepep

    ulises tuviste en cuenta que solo funciona lo visto con safari y chrome? si me especificas un poco mas el problema que tienes te ayudare.

  5. ulises leon

    hola me gustaron mucho las animaciones, pero como podria hacerlo sin poner codigo de css en el html,
    ya que intente hacerlo poniendo el codigo css en un archivo css y no me funciono

Deja un comentario

El email no se publica. Todos los campos obligatorios.