22-10-2011, 11:05 AM
bon, en passant mettre un costume au pressing (et oui ma vie est palpitante), je suis tombé sur un bouquin de css qui m'a donné la solution à mon dernier problème
pour combiner deux effets transform, il faut les mettre sur une même ligne
ainsi, au lieu de faire :
il faut faire :
j'ai plus qu' à trouver la transformation qui transforme un rectangle en réduisant un de ces côtés seulement
pour combiner deux effets transform, il faut les mettre sur une même ligne
ainsi, au lieu de faire :
#SkewRotate
{
transform: rotate(15deg);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
transform: skew(-25deg);
-moz-transform: skew(-25deg);
-webkit-transform: skew(-25deg);
}
il faut faire :
#SkewRotate
{
transform: rotate(15deg) skew(-25deg);
-moz-transform: rotate(15deg) skew(-25deg);
-webkit-transform: rotate(15deg) skew(-25deg);
width: 100px; /* le width permet de "fixer" l'image a sa place*/
}
j'ai plus qu' à trouver la transformation qui transforme un rectangle en réduisant un de ces côtés seulement