Adob​​e Edge設置變換旋轉屬性

Question

我試圖編寫Adobe Edge中某個元素的旋轉屬性，但無法計算出語法。

我想這一點：

var element = sym.$("Rectangle"); 
element.css("transform", "rotate(25deg)"); 

但並不會改變旋轉。 使用此完全相同的方法適用於其他的CSS屬性，如：

var element = sym.$("Rectangle"); 
element.css("left", 150+myVar); 

任何人都知道我可以訪問變換：這裏旋轉的財產？ 謝謝！

Answer 1

您正在測試哪個瀏覽器？顯然，對transform屬性沒有官方支持。 所以你必須使用這個基於你的瀏覽器的修改後的版本。

http://www.w3schools.com/cssref/css3_pr_transform.asp

Answer 2

這是我用來處理各種瀏覽器。只要分配不同屬性的方式不同，就需要這樣做。這個例子你會看到我的意思。點擊時，我把它放在'點擊'事件中以擺動名片。

如果轉換在一個瀏覽器中運行，但不在另一個瀏覽器中，您可以在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 */