Psychotik

solucionando marrones desde 2003

Suavizar las animaciones cuando utilizamos “transform:perspective”

Pertenece a  Tips rápidos  el 14 octubre

Los efectos 3D en CSS pese a no estar soportados por todos los navegadores, algunos de los que los toleran. siempre últimas versiones, obviamente, a veces producen un ‘error’ visual al efectuar un estado :hover cuando utilizamos la propiedad “transform:perspective(valor)“, la solución en navegadores webkit es sencilla, para Firefox es mejor que tengáis el código guardado o mejor aún, que agreguéis esta página a vuestros favoritos, jeje.

La solución

/* Para navegadores webkit */
-webkit-backface-visibility: hidden;
/* Para Firefox */
filter: url('data:image/svg+xml;utf8,‹svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"›‹defs›‹filter id="gaussian_blur"›‹feGaussianBlur in="SourceGraphic" stdDeviation="0" /›‹/filter›‹/defs›‹/svg›#gaussian_blur');


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 »