DigitalSpirit - Tag - css 3 - Commentaires

Css3 en action avec Firefox 3.1b1pre - Yukulélé

Yukulélé — Thu, 23 Dec 2010 12:18:26 +0100

Pourquoi les transformations sont-elles si moches sous Firefox ?

Css3 en action avec Firefox 3.1b1pre - Laurentj

Laurentj — Thu, 09 Oct 2008 10:39:38 +0200

Le texte de ton billet est maintenant plus clair en effet ;-)

Css3 en action avec Firefox 3.1b1pre - hugo

hugo — Wed, 08 Oct 2008 23:41:32 +0200

Bonjour Laurent,

je n'ai jamais dit qu'il n'était pas possible de faire 2 transformations en même temps, d'ailleurs, c'est exactement ce que je fais dans le javascript...

Et j'ai souhaité montrer un exemple simpliste, j'aurai pu le présenter avec 2 feuilles de style, une première qui défini une transformation rotate des élements p et l'autre css qui modifie la taille (transform: scale) de ces même éléments, et, que ce soit dans l'exemple ci-dessus ou dans le cas des 2 css, le problème est le même...

Concernant la syntaxe CSS, oui, en effet, c'est elle qui implique cela, en fait, je faisais simplement remarquer que la syntaxe utiliser par transform est l'équivalent d'une syntaxe CSS raccourci (comme border, background...etc...) mais qu'il n'y a pas l'équivalent non raccourci (ex: transform-rotate...), je suis plus clair ? ;)

Css3 en action avec Firefox 3.1b1pre - Laurentj

Laurentj — Wed, 08 Oct 2008 23:29:51 +0200

Tu sembles avoir mal lu la specification :-p

http://webkit.org/specs/CSSVisualEf... :

> This property contains a list of transform functions.

Autrement dit, si tu veux faire rotate et scale en même temps :

p {
-moz-transform: rotate(15deg) scale(2);
}

Pour ce qui est de l'écrasement d'une valeur par une autre : c'est tout à fait normal, c'est la specification de la SYNTAXE CSS qui veut ça (pas la spec de transform)

Css3 en action avec Firefox 3.1b1pre - hugo

hugo — Tue, 07 Oct 2008 22:40:37 +0200

Clochix, tu as raison, la notice est maintenant ajoutée... :)

Css3 en action avec Firefox 3.1b1pre - Clochix

Clochix — Tue, 07 Oct 2008 18:55:40 +0200

Bravo, superbe démo, manque juste la notice. Donc pour re-dimentionner c'est le coin en bas à droite du post-it, pour faire tourner c'est le haut de la punaise, et pour créer un nouveau post-it il faut double-cliquer sur la punaise.