4
Tout corps a un bon exemple montrant comment utiliser l'échelle avec -moz-transform?Comment utiliser scale avec -moz-transform?
A
Répondre
9
The MDC page you linked to explique effectivement plutôt bien.
Je vous ai donné un exemple rapide. Démo: http://jsfiddle.net/SZ87b/1/ code:
<!doctype html>
<title>-moz-transform scale example</title>
<style>
p { font-size: 5em; text-align: center; }
p:hover { -moz-transform: scale(2); }
</style>
<p>Foo bar</p>
5
est ici un exemple de css pour les navigateurs les plus courants La échelle de valeur (2,4) transforme la largeur à deux fois sa taille d'origine, et la hauteur 4 fois sa taille d'origine .
div{
transform: scale(2,4);
-ms-transform: scale(2,4); /* IE 9 */
-webkit-transform: scale(2,4); /* Safari and Chrome */
-o-transform: scale(2,4); /* Opera */
-moz-transform: scale(2,4); /* Firefox */
}
2
Lors de l'utilisation d'une transformation d'échelle (ou de rotation), vous devrez peut-être définir l'origine.
transform-origin: top left;
pour obtenir l'effet recherché.
DOS le type doc html5 est obligatoire? –
@Mithun: Non, le DOCTYPE HTML5 n'est pas requis pour que cet exemple fonctionne. Un navigateur qui comprend la propriété CSS '-moz-transform' propriétaire est. –
un problème que vous devez savoir, que FF est mise à l'échelle à partir du milieu, alors que tous les autres browesrs utilisant l'échelle de l'attribut 'zoom' css en haut à droite. –