Question

我正在尝试编写Adobe Edge中元素的rotation属性，但无法解决语法问题。

我正在尝试这个：

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

但它根本不会改变轮换。使用这种完全相同的方法适用于其他CSS属性，例如：

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

任何人都知道如何访问转换：旋转属性在这里？谢谢！

Answer 1

你正在测试哪个浏览器？显然，对于转换属性没有官方支持。因此，您必须根据浏览器使用此版本的修改版本。

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 */

Adobe Edge设置变换旋转属性

2 个答案: