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

Desde IE10 quer ya no existen los comentarios condicionales, ese útil invento de Microsoft para que nosotros desarrolladores front-end pudiéramos lidiar con los estilos específicos para IE5, 6, 7, 8…. y 9. Los quitaron porque creían que con IE10 todo […]

Estilos para IE9, IE10 e IE11
18/jun/2014 8

Vi este efecto bastante interesante en un sitio web, y me atreví a intentar replicarlo a mí manera. Luego de fracasar en mi primer intento, decidí hacer trampa y revisé su código fuente. Me dí cuenta de que utilizaban una […]

Simulando un efecto negativo
24/mar/2008 5

Los media type especifican el soporte al cual apunta la hoja de estilos definida: pantalla (screen), papel (print), móviles (handheld), etc. Algunas propiedades CSS están diseñadas para medios específicos (page-break-after y page-break-before se usan para media="print" por ejemplo), y en […]

Tip Precoz 2: combinando @media
24/jun/2008 4

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.