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 una respuesta

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

Centro de preferencias de privacidad

Cookies imprescindibles

Cookies que son necesarias para que el sitio funcione correctamente.

gdpr

Cookies de terceros

Se utilizan para rastrear la interacción del usuario y detectar posibles problemas. Nos ayudan a mejorar nuestros servicios al proporcionar datos analíticos sobre cómo los usuarios usan este sitio.

_ga, _gid, _gat