javascript - Al usar transiciones/animaciones/etc. de CSS, ¿cuál es la mejor manera de recurrir a jQuery si el navegador del usuario no soporta animaciones CSS?

Estoy buscando una manera de usar animaciones CSS, pero si el navegador del usuario no soporta animaciones CSS, entonces recurrir a usar Jquery para la animación. ¿Hay una manera fácil de hacer esto en Jquery? Un plugin estaría BIEN, si fuera un plugin pequeño,

Leer más →

javascript - ¿Cómo puedo crear un engranaje giratorio con CSS3 y jQuery?

Tengo el siguiente sitio que está en Flash con engranajes giratorios en el fondo:

http://thedrivepartnership.com/index.html

Me gustaría crear algo similar usando CSS y JavaScript; ¿alguien conoce algún ejemplo por ahí?

Respuesta #1

Supongo que lo que podrí

Leer más →

javascript - ¿Puedo desactivar temporalmente todas las transiciones/animaciones CSS3 mientras se construye un elemento?

He creado un menú bastante complejo para un sitio web. El menú depende de una gran cantidad de animaciones basadas en CSS3. Sin embargo, cuando navego a una página diferente, el menú debería construirse inicialmente - y sin todas las animaciones, pero hecho con JS y no del lado del servidor.

Ahora me pregunto cómo podría desactivar completamente todas las transiciones/animaciones temporalmente, hasta que se construya el menú.

Pensé en crear una subclase que sobrescriba las animaci

Leer más →

php - ¿Es una mala práctica usar clases de CSS para la marca de JS?

El escenario:

• Una página de inicio que se genera con PHP y un motor de plantillas.
• La página está siendo rediseñada.
• El nuevo diseño está basado en jQuery UI.
• El CMS actual utiliza múltiples plantillas: una plantilla de página, una plantilla de detalles de artícu
  Leer más →

javascript - ¿Cómo puedo crear un dado virtual (para jugar a los dados) utilizando HTML y CSS?

Estoy tratando de hacer un dado virtual (para jugar a los dados) usando CSS/HTML y JavaScript... Mi parte de JavaScript funciona, pero no puedo lograr que el HTML/CSS lo muestre como quiero (sin crear una tabla sin bordes y poner cada punto en una celda). Hice el siguiente JSfiddl

Leer más →

Leer un archivo CSS con Javascript y alterar dinámicamente la página

Así que las consultas @media de CSS no funcionan en IE8.

@media (min-width: 768px) { /* some css */ } @media (min-width: 972px) and (max-width: 1024px){ /* different css */ }

Ahora, yo podría crear archivos CSS separados llamados IE_min768.css y IE_min972_max1024 y usar Javascript para cargar y descargar dinámicamente los archivos a medida que se ajusta el ancho de la página. Pero eso viola D.R.Y. y sería un dolor m

Leer más →

Transiciones CSS bloqueadas por JavaScript

Estoy tratando de crear una barra de carga durante un período muy intenso de JavaScript donde se construyen y llenan algunos arreglos 3D bastante pesados. Esta barra de carga debe permanecer vacía hasta que el usuario haga clic en un botón.

El congelamiento ocurre ya sea que esté usando -webkit-transition

Leer más →

javascript - Creando un sitio web redimensionable con falta de habilidades en CSS - Formas CSS

Esta es mi primera pregunta aquí, así que por favor señalen cualquier error que haya cometido. Me vi obligado a crear una página web que se vea como la bandera de un equipo. He logrado hacerlo, pero solo con un tamaño fijo de elementos :

En otras resoluciones simplem

Leer más →

javascript - Convertir el valor del campo de visión a valor de perspectiva CSS3D

Si me gustaría tener una cámara con un campo de visión de 60°, ¿cómo calcular el valor de perspectiva en CSS3D?

perspective: ?; perspective-origin: center center;

He encontrado una descripción sobre cómo calcular la matriz de proyección a partir del valor de perspectiva, per

Leer más →

javascript - Agrandar imagen al pasar el ratón y mostrar texto sobre ella CSS3

Estoy tratando de hacer una página de imágenes responsiva para mi sitio web. Hasta ahora he logrado que las imágenes en la página sean todas responsivas y se mantengan centradas sin importar el tamaño del navegador.

Mi problema es que cuando paso el cursor sobre una imagen, se agranda pero empuja todas

Leer más →