Converter: -webkit- to -moz- & -o-

[gJam]

Форумчане, добрый день!
Столкнулся с вопросом о кроссбраузерности, а именно:
Все стили на сайте ориентированны на движок webkit (Chrome/Safari), но потребовалось расширить охват стилей на Firefox (Mozilla Firefox), и по возможности на Opera (Opera Browser).
Имеются ли у кого-нибудь на примете конвертеры стилей с -webkit на -moz- & -o- ?
Интересующие объекты для расширения стилей:

• border-radius
• gradient
• shadow
• transform
• animation

Заранее благодарен тем, кто откликнется! Да и другим поможет! ^_^

[Deff]

gJam,
Собственно добавляете для каждого свойтства четыре повтора с расширяющими приставками - пример

-webkit-border-radius:15px;
    -khtml-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -ms-border-radius:15px;

    box-shadow: 0px 5px 18px #000;
    -webkit-box-shadow:0px 5px 18px #000;
    -khtml-box-shadow:0px 5px 18px #000;
    -moz-box-shadow:0px 5px 18px #000;
    -ms-box-shadow:0px 5px 18px #000;

[gJam]

Deff,
Градиенты имею свои прелести..
Как и анимация с трансформацией..

И изначально вопрос стоял иначе, процесс должен быть автоматизирован, хоть как то..

[B~Vladi]

Префиксы webkit и moz можно и нужно вообще выпилить.

[Deff]

И изначально вопрос стоял иначе, процесс должен быть автоматизирован, хоть как то..

<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>




<style class="replac" type="text/css">
#div {
  height:100px;width:100px;
  border-radius : 15px;
  box-shadow: 0px 5px 18px #000;
}
</style>




<style class="replac" type="text/css">
#div2 {
  margin-top:43px;
  height:100px;width:500px;
  border-radius:15px;
  box-shadow: 0px 5px 18px #000;
}
</style>





<div id=div></div><div id=div2></div>



<script type="text/javascript">
var StyleArray='border-radius,box-shadow'.split(","); //Тут добавляем новые свойства для трансформации
var Arr2='-webkit-,-khtml-,-moz-,-ms-'.split(",");
var Out='$1;\n';
for(var j in  Arr2){
  Out+=Arr2[j]+'$1;\n';
}

$('style.replac').each(function() {
  var str=$(this).html();
  for(var i in  StyleArray){
    var pattern = '('+StyleArray[i]+'\\s*?:[^;\\r\\n]*)[;\\r\\n]'
    var rega = new RegExp(pattern,'img');
    str = str.replace(rega,Out)
  }
$(this).html(str);
alert(str)
});


</script>

[B~Vladi]

Deff, проще в IDE find/replace на регулярках заюзать...

[Deff]

B~Vladi,
Дык у мну регулярка - остальное для выпилки и вставки в тег

[devote]

Щас все браузерописатели планируют отказаться вообще от префиксов (ну кроме хрома вроде), и все эти префиксы уже ни к чему

[B~Vladi]

ну кроме хрома вроде

Они вроде уже отказались от них, в последних версиях можно без префиксов писать.

[melky]

Они вроде уже отказались от них, в последних версиях можно без префиксов писать.

можно пруф? желательно на mdn.