JavaScript を使用して CSS の「変換」属性にアクセスするにはどうすればよいですか? これを試しましたが、許可されませんでした:
function hoverFun(x)
{
x.style.opacity="1";
x.style.transform="rotate(180deg)";
x.style.cursor="pointer";
}
「回転(180度)」を認識しません。私は何をすべきか?どのように入力すればよいですか?助けてください!
JavaScript を使用して CSS の「変換」属性にアクセスするにはどうすればよいですか? これを試しましたが、許可されませんでした:
function hoverFun(x)
{
x.style.opacity="1";
x.style.transform="rotate(180deg)";
x.style.cursor="pointer";
}
「回転(180度)」を認識しません。私は何をすべきか?どのように入力すればよいですか?助けてください!
これにはCSS3が必要です:
.box
{
width: 100px;
height: 100px;
background: blue;
opacity: 0.7;
}
.box:hover
{
transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
cursor: pointer;
opacity: 1;
}
CSS プロパティ トランスフォームはまだ作業中のドラフト (W3C ドラフト - http://dev.w3.org/csswg/css-transforms/ ) であるため、ターゲットとするブラウザーのブラウザー プレフィックスを使用する必要があります。例えば:
x.style.webkitTransform="rotate(180deg)"; // webkit based browsers (Chrome, Safari, etc.)
x.style.mozTransform="rotate(180deg)"; // mozilla based browsers (Firefox)
x.style.msTransform="rotate(180deg)"; // Internet Explorer
x.style.oTransform="rotate(180deg)"; // Opera
x.style.transform="rotate(180deg)"; // support for future standard