26787 sujets

CSS et mise en forme, CSS3

Bonjour,

Je rencontre un petit problème de rendu "flou" sur un élément auquel j'applique cette transformation :
transform: rotate3d(0,0,1,-30deg) skewY(30deg);
(sur l'élément .hexIn)
Je remarque que si j'enlève les propriétés
filter: blur(0);
backface-visibility: hidden;

alors le rendu est un peu meilleur sur Firefox, mais ce n'est toujours pas génial.

J'ai trouvé beaucoup d'astuces en faisant des recherches, mais aucune ne résout mon problème.

l'URL du pen : https://codepen.io/mariecomet/pen/YRKeWO
Modifié par mariecomet (02 Nov 2018 - 12:19)