3D CSS3 transform con bordes dentados en Firefox

16/may/2014 3

Sucede que creamos lindos estilos para elemento con CSS3 y queremos aplicar la propiedad transform para darle profundidad 3D. Observamos que ocurre lo siguiente en Firefox:

Solución:

Agregar la propiedad outline con valor transparente ó con el mismo color del fondo.

outline: 1px solid transparent;

Otros Artículos Similares

Muchas de las propiedades CSS3 han estado presentes en browsers Webkit como Safari y Chrome desde sus inicios; a medida que avancen han mejorado el soporte y no es diferente con el uso gradientes sólo con CSS. Desde la versión […]

Gradientes con CSS 3
22/nov/2010 7

¿Cansado de soportar IE? Te entiendo, pero aún hay clientes que piden que sus proyectos se vean en estos browsers antiguos. Frustraciones aparte, cuando escribes Javascript y usas console.log() para debuggear tu código en la consola del browser, es usual […]

IE v/s console
13/jun/2013 1

Con CSS3 el soporte a múltiple background nos permite ser mucho más creativos al momento de solucionar problemas de estilos, cuando antes sólo dependíamos de crear y anidar etiquetas y cortar esos gif’s y png’s que tanto nos han atormentado. […]

Backgrounds múltiples en CSS3 y un truco gradual
27/jun/2012 6

Comentarios

  1. CSS indispensable - Artysmedia [#]

    […] 3D CSS3 transform con bordes dentados en Firefox […]

  2. FAUSTO [#]

    porfavor enviame la pagina para dscargar el csslab muchas gracias

  3. FAUSTO [#]

    porfa enviame la pajina para descargarme el csslab muchas gracias

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab

CSSLab©

©2019 Todos los derechos reservados.

Escrito y mantenido por Jorge Epuñan desde Santiago, Chile.