不确定使用LESS是否可行,但我看到.rotate(@degrees) {...}
(只能在LESS中使用)
我希望能够编写一个CSS类并将该数字作为HTML中的参数传递 - 例如:<div class="opacity(20)">
这里只是我使用的重复CSS类的一个例子(但即使传递一个整数也会很棒):
.opacity-10 {
opacity: 0.1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; // IE 8
filter: alpha(opacity=10); // IE 5-7
-moz-opacity: 0.1; // Netscape
-khtml-opacity: 0.1; // Safari 1.x
}
.opacity-20 {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; // IE 8
filter: alpha(opacity=20); // IE 5-7
-moz-opacity: 0.2; // Netscape
-khtml-opacity: 0.2; // Safari 1.x
}
// ...