跨瀏覽器兼容的盒陰影與過渡

我有產生與0.15秒的轉變出現了微妙的陰影框下面的CSS。跨瀏覽器兼容的盒陰影與過渡

#product { 
    -webkit-transition: box-shadow 0.15s; 
    -moz-transition: box-shadow 0.15s; 
    -ms-transition: box-shadow 0.15s; 
    -o-transition: box-shadow 0.15s; 
    transition: box-shadow 0.15s; 
    border-collapse: separate; 
} 

#product:hover { 
    -webkit-box-shadow: 0px 0px 14px 0px #C3C3C3; 
    -moz-box-shadow: 0px 0px 14px 0px #C3C3C3; 
    box-shadow: 0px 0px 14px 0px #C3C3C3; 
}

我的問題是 - 將在0.15秒的過渡應用到其拾取箱陰影的供應商前綴版本的瀏覽器？

我不想申請過渡到「所有」是這樣的：

transition: all 0.15s

如何確保跨瀏覽器一致的行爲？

來源

2017-02-24 Amit

'箱shadow'已經出現自2010年以來，跨瀏覽器的，前綴的，所以沒必要使用就可以了前綴 – LGSon

瀏覽器廠商有時加前綴實驗或非標準的CSS屬性，因此開發人員可以嘗試，但在瀏覽器的行爲改變標準過程中不破壞代碼。開發者應該等待包括前綴的財產，直到瀏覽器的行爲規範。

通常情況下，供應商使用這些前綴：

-webkit-器（Chrome，Safari，Opera或更新版本）。

-moz-（火狐）

-O-（舊版本歌劇）

-ms-器（Internet Explorer）

廠商也使用在API前綴。在接口上，他們通常使用：

的Webkit（瀏覽器，Safari瀏覽器，新版本的Opera）

萬盎司（火狐）

O（舊版本的Opera）

MS（IE瀏覽器）

在屬性和方法，它們通常使用：

的WebKit（Chrome瀏覽器，Safari，Opera或更新版本）

MOZ（Firefox）的

O（舊版本的Opera）

毫秒（Internet Explorer）中

來源

2017-02-24 06:42:59

對不起，這不回答我的問題 – Amit

跨瀏覽器兼容的盒陰影與過渡

回答

相關問題