Cita:
Iniciado por markos_08 Hola, estoy metido estos últimos meses de lleno en la maquetación web y hace poco he descubierto Jquery.
Suelo visitar esta página, tiene muy buenos ejemplos para incorporar a una página web:
http://tympanus.net/codrops/category/tutorials/
Pero me he dado cuenta de que los ejemplos no funcionan en Internet Explorer (yo utilizo la versión 8) y me gustaría saber cual es el problema (porque hay otras páginas webs q los ejemplos funcionan bien) y si hay alguna solución para que estos ejemplos funcionen en los principales navegadores.
Muchas gracias...
Más que un problema de jQuery creo que se debe a que muchos de los efectos utilizan @keyframes y otras propiedades de css3 no soportadas todavia por IE
Ejemplo
http://tympanus.net/Tutorials/AnimatedWebBanners/
usa
Código CSS:
Ver original/* WebKit Animations */
@-webkit-keyframes h2-animation {
0% {opacity: 0;}
80% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes h3-animation {
0% {opacity: 0;}
80% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes form-animation {
0% {opacity: 0; right: -400px;}
90% {opacity: 0; right: -400px;}
95% {opacity: 0.5; right: 20px;}
100% {opacity: 1; right: 0px;}
}
@-webkit-keyframes boat-in-animation {
0% {left: -200px;}
100% {left: 20px;}
}
@-webkit-keyframes boat-animation {
0% {bottom: 0px; left: 0px;}
25% {bottom: -2px; left: -2px;}
70% {bottom: 2px; left: -4px;}
100% {bottom: -1px; left: 0px;}
}
@-webkit-keyframes question-mark-animation {
0% {opacity:0;}
80% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes cloud-group-1-animation {
0% {left: 0px;}
99.9999% {left: -720px;}
100% {left: 0px;}
}
@-webkit-keyframes cloud-group-2-animation {
0% {left: 720px;}
99.9999% {left: 0px;}
y te puse solo un pedacito
SAludos