Я пишу небольшое приложение, которое использует трансформации css3. Я хотел бы установить значения для преобразований непосредственно через javascript, используя свойство element.style. Основываясь на коде, который я нашел здесь , я хотел бы знать, где я могу найти список, который показывает, как назвать свойства css3 как свойство javascript. f.e .:
-moz-box-shadow становится MozBoxShadow. Может быть, этот список не существует, потому что я просто должен поменять все дефисы на следующую букву в верхнем регистре, но я хотел бы быть уверен, что это так.
Кто-нибудь знает ??
EDIT ::
Итак, просто потому, что мне нужно было какое-то рабочее решение, я написал эту маленькую функцию, которая работает в ie9, ff, safari и chrome:
var cssprops = (function(){
var prefixes = [ "", "-ms-", "-webkit-", "-moz-", "-o-" ];
var properties = [ "transform", "transform-origin" ];
var finder = /-(\w)/ig;
var str, pre, result;
var root = document.documentElement;
var result = {};
for( var i = 0; i < prefixes.length; i++ ){
pre = prefixes[ i ];
for( var j = 0; j < properties.length; j++ ){
if( $.browser.msie ){
str = pre.replace( /-/i, "" );
str += properties[ j ];
} else {
str = pre + properties[ j ];
}
str = str.replace( finder, function( w ){
return w.replace( /-/i, "" ).toUpperCase();
});
if( typeof root.style[ str ] !== "undefined" &&
!result.hasOwnProperty( properties[ j ] ) ){
result[ properties[ j ] ] = str;
}
}
}
return result;
})();
Я не пробовал никаких других свойств, потому что на этот раз они мне не нужны, но если окажется, что это сработает для всего списка, я был бы рад получить уведомление об этом.
Привет ...