Adobe Edge で要素の回転プロパティのスクリプトを作成しようとしていますが、構文がわかりません。
私はこれを試しています：
var element = sym.$("Rectangle");
element.css("transform", "rotate(25deg)");
しかし、回転はまったく変わりません。これとまったく同じ方法を使用すると、他の CSS プロパティでも機能します。たとえば、次のようになります。
var element = sym.$("Rectangle");
element.css("left", 150+myVar);
ここで transform:rotate プロパティにアクセスする方法を知っている人はいますか? ありがとう！
これは、私がさまざまなブラウザを処理するために使用したものです。これは、異なる属性の割り当て方法に違いがある場合は常に必要になります。この例で、以下の意味がわかります。これを「クリック」イベントに入れて、クリックされたときに名刺を小刻みに動かします。
変換が 1 つのブラウザーで機能し、別のブラウザーでは機能しない場合は、w3schools.com で属性を検索すると、ブラウザーの違いがあるかどうかがわかります。
// Get us a random rotate transform value between -5 and 5
var rotate_val = Math.floor((Math.random()*10)+1) - 5;
// Get instance of this element
var card_element = sym.$("wr_business_card");
// Set a random rotation for the business card when clicked
card_element.css("transform", "rotate(" + rotate_val + "deg)");
card_element.css("-ms-transform", "rotate(" + rotate_val + "deg)"); /* IE 9 */
card_element.css("-webkit-transform", "rotate(" + rotate_val + "deg)"); /* Safari and Chrome */
どのブラウザでテストしていますか? どうやら、変換プロパティに対する公式のサポートはありません。そのため、ブラウザに基づいてこれを修正したバージョンを使用する必要があります。