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

Las pseudo-clases y los pseudo-elementos son tipos de selectores CSS que permiten alcanzar estados y elementos que no están en el DOM original. La lista de pseudo-clases es amplia, la de pseudo-elementos no ha crecido hasta la actual versión de […]

Sobre pseudo-clases y pseudo-elementos
2/jul/2015 4

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

Un pequeño efecto que realicé para este nuevo diseño de CSSLab fue agregar borde a un caracter dentro de los blockquote, pero este efecto puede aplicarse a textos de cualquier tipo y con cualquier fuente, incluso si son @font-face. Entre […]

Textos con borde
17/sep/2014 0

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©

©2020 Todos los derechos reservados.

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