1. 首頁
  2. 問答
  3. 有隱藏溢出和邊框半徑的父級子項的動畫轉換

有隱藏溢出和邊框半徑的父級子項的動畫轉換

2015-11-23 59 views
0

我在網上看到過各種涉及overflow:hidden和border-radius的bug，但似乎沒有任何解決方案適用於我。有隱藏溢出和邊框半徑的父級子項的動畫轉換

我已經把相關的代碼在這裏：http://codepen.io/jolora/pen/MadgQm

懸停過渡效果正常工作在Safari和Firefox，但蟲子在加那利（V49的Chrome V46是工作的罰款）。

如果我從.service中刪除overflow:hidden規則，則懸停按預期工作。我使用了模糊濾鏡，但我需要以某種方式剪裁模糊 - 我不希望它滲出父邊緣。

屏幕截圖：

  • 的Safari上懸停（因爲它應該看）： enter image description here

  • 金絲雀上懸停（。服務的背景中的正方形僅期間的過渡期間示出了通過0.25秒）： enter image description here

任何幫助將大大APPR eciated。謝謝！

來源

2015-11-23 Joe Spurling

回答

1

你看到了什麼問題，它應該是什麼樣子？它看起來好了我在Chrome（未加那利） 具有溢出：隱藏 - enter image description here

不溢出：隱藏 - enter image description here

來源

2015-11-23 12:22:39 Leads

+0

感謝湯姆。我已經更新了包含屏幕截圖的問題。 –

+0

刪除溢出：隱藏停止棕色框問題，但隨後我留下的模糊滲出.service容器。 –

+0

我查過了，它似乎只是一個加那利問題。希望這意味着它只是加那利的一個錯誤。 –

相關問題

 相關問題