Articles of css3

¿Es IE9 compatible con gradientes lineales de CSS?

Con Chrome / Safari y Firefox están las -webkit-gradient y -moz-linear-gradient . ¿Cómo puedo hacer este mismo tipo de cosas con IE9?

Superponer una imagen de fondo con un fondo de color rgba

Tengo un div con una background-image . Quiero superponer la imagen de fondo con un color rgba(0,0,0,0.1) ) cuando el usuario coloca el div. Me preguntaba si existe una solución de div (es decir, no con múltiples divs, uno para la imagen y otro para el color, etc.). Intenté varias cosas: Y este CSS: .the-div […]

Caja de flecha con CSS

¿Cómo puedo hacer esta caja en CSS? He visto algunos tutoriales que enseñan cómo crear cuadros con flechas, sin embargo, en mi caso, ninguno de esos tutoriales es adecuado.

CSS3 – 3D Flip Animation – IE10 transform-origin: preserve-3d workaround

Después de mirar a través del blog de desarrolladores de IE10, descubrí que no son compatibles con la configuración preserve-3d. Ofrecen una solución alternativa, pero parece que no puedo hacer que funcione. Mi ejemplo a continuación funciona en Safari, Chrome y Firefox, pero no en IE10. Si alguien pudiera ayudarme a lograr esto, estaría muy […]

¿Puedo fundirme en una imagen de fondo (CSS: background-image) con jQuery?

Tengo un elemento div con texto y una imagen de fondo, que se establece a través de la background-image propiedad CSS. ¿Es posible desvanecerse en la imagen de fondo a través de jQuery? div { background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg); border: 1px solid #666; height: 10em; } Text EDITAR He hecho un […]

soporte de tamaño de caja en IE7

Acabo de descubrir la propiedad de box-sizing: border-box que resuelve un montón de problemas de diseño de navegador cruzado para mí. El único problema que ahora tengo es que IE7 no parece apoyarlo. ¿Hay algún truco para que IE7 lo admita?

css3 text-shadow en IE9

¿Hay alguna manera fácil de tener css3 text-shadow trabajando en IE9? Al menos una sola sombra de texto sería genial. Supongo que idealmente también es compatible con IE8. Espero que haya un plugin jquery simple o un archivo .htc que solo mire la propiedad text-shadow css de un elemento y lo implemente para IE9.

¿Puedes agregar ruido a un gradiente de CSS3?

¿Es posible agregar ruido a un degradado en CSS? Aquí está mi código para un degradado radial: body { color: #575757; font: 14px/21px Arial, Helvetica, sans-serif; background-color: #2f3b4b; background: -moz-radial-gradient(center 45deg, circle closest-corner, #2f3b4b 0%, #3e4f63 100%); background: -webkit-gradient(radial, center center, 10, center center, 900, from(#2f3b4b), to(#3e4f63)); } ¿Qué agregaría a eso para tener ruido […]

Animación CSS3: visualización + opacidad

Tengo un problema con una animación CSS3. .child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .parent:hover .child { opacity: 0.9; display: block; } Este código solo funciona si elimino el cambio de display . Quiero cambiar la pantalla justo después del control deslizante pero […]

Forma CSS 3: “Círculo inverso” o “Círculo recortado”

Quiero crear una forma, que describiría como “círculo inverso”: La imagen es de alguna manera inexacta, porque la línea negra debe continuar a lo largo del borde exterior del elemento div. Aquí hay una demostración de lo que tengo en este momento: http://jsfiddle.net/n9fTF/ ¿Es eso posible con CSS sin imágenes?