Animar texto con CSS3 y WebKit para Chrome y Safari

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 votos, promedio: 1,00 de 5)
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 sólo funciona con safari y chrome? si me especificas un poco más el problema que tienes te ayudaré.

  5. ulises leon

    Hola, me gustaron mucho las animaciones, pero ¿como podría hacerlo sin poner código de css en el html?,
    ya que intenté hacerlo poniendo el código css en un archivo css y no me funcionó.

Deja un comentario

El email no se publica. Todos los campos obligatorios, salvo Web.