0
我在網上看到過各種涉及overflow:hidden和border-radius的bug，但似乎沒有任何解決方案適用於我。有隱藏溢出和邊框半徑的父級子項的動畫轉換
我已經把相關的代碼在這裏：http://codepen.io/jolora/pen/MadgQm
懸停過渡效果正常工作在Safari和Firefox，但蟲子在加那利（V49的Chrome V46是工作的罰款）。
如果我從.service中刪除overflow:hidden規則，則懸停按預期工作。我使用了模糊濾鏡，但我需要以某種方式剪裁模糊 - 我不希望它滲出父邊緣。
屏幕截圖：
的Safari上懸停（因爲它應該看）：
金絲雀上懸停（。服務的背景中的正方形僅期間的過渡期間示出了通過0.25秒）：
任何幫助將大大APPR eciated。謝謝！
感謝湯姆。我已經更新了包含屏幕截圖的問題。 –
刪除溢出：隱藏停止棕色框問題，但隨後我留下的模糊滲出.service容器。 –
我查過了，它似乎只是一個加那利問題。希望這意味着它只是加那利的一個錯誤。 –