2011-03-11

初心者が陥りやすいCSSの間違った理解

一瞬気付かなかったけど、こんなCSS書いて、Chromeしか動かないと言っている人がいるらしい。まさに間違い探しだね!

#transformSample img {
-webkit-transform: rotateY(0deg);
-webkit-transition: -webkit-transform 0.5s linear;

-moz-transform: rotateY(0deg);
-moz-transition: -webkit-transform 0.5s linear;

-o-transform: rotateY(0deg);
-o-transition: -webkit-transform 0.5s linear;
}
#transformSample a:hover img {
-webkit-transform: rotateY(180deg);
-webkit-transform-origin: 50% 0;
-webkit-transition: -webkit-transform 0.5s linear;

-moz-transform: rotateY(180deg);
-moz-transform-origin: 50% 0;
-moz-transition: -webkit-transform 0.5s linear;

-o-transform: rotateY(180deg);
-o-transform-origin: 50% 0;
-o-transition: -webkit-transform 0.5s linear;
}

なんか、これ書いた人、マークアップエンジニアって名乗ってるらしいけど、たぶんその会社は人が多いから、その人はHTMLしか書けなくて、別にスタイルシートエンジニアってのがいるんだとオレは信じてる!

0 件のコメント: