Psychotik

solucionando marrones desde 2003

Eliminar bordes dentados cuando utilizamos “transform:rotate” en Firefox

Pertenece a  Destacados, Tips rápidos  el 2 octubre

Si habéis utilizado alguna vez la propiedad transform:rotate(deg) seguro que os habéis fijado que en Firefox nos deja al item al que le estemos aplicando esa propiedad, unos bordes dentados bastante feos, que pueden destrozar visualmetne el acabado estético de la web (sí, esos detalles son matadores).

La solución

Solo tenemos que aplicarle la propiedad outline para que se solucione, simplemente con añadirle la etiqueta con el valor 1px (border) solid (diseño de linea continua) transparent (sin color), al item que nos da problemas:

outline: 1px solid transparent;

Y asunto solucionado, ahora ya tendremos nuestro item con una rotación y unos bordes muchísimo más suavizados.


Volver atrás

Deja un comentario

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

¡Lo está petando!

Volver arriba
Utilizamos cookies para garantizar que tu experiencia en Psychotik sea la mejor posible
Saber más sobre nuestras galletitas »