Uzun süredir aklımdaydı, belki daha önce karşılaşmış olabilirsiniz. Bazı CSS3 kodları bir kaç defa aynı yazılıp başlarında -webkit / -moz / -o gibi parametreler ekleniyor.
Örneğin box shadow, border radius gibi css kodlarının tüm tarayıcıların sorunsuz bir şekilde anlayabilmesi için bu parametreleri kullanmamız gerekir. Yani tüm tarayıcıları desteklemiş oluruz. Neden böyle bir şey var diyebilirsiniz. Tarayıcılar farklı CSS özellikleri için kendi belirledikleri kodları destekliyor ve kullanıyorlar. Browserlar yıllardır bu sorunun önüne geçmeye çalışıyorlar. Örneğin box-shadow artık tüm tarayıcılar tarafından destekleniyor.
-webkit: Chrome-Safari tarayıcılarını temsil eder.
-moz: Mozilla tarayıcısını temsil eder.
-o: Opera tarayıcısını temsil eder.
-ms: Internet Explorer
Örnek kullanım:
a {
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
-o-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}