CSSホバー処理のパフォーマンスや滑らかさなどを考慮した最適なコードを考察 - Qiitaホバー処理をした一般的なボタンを題材に、パフォーマンスや滑らかさなどを考慮した最適なコードを考察してみたいと思います。 ホバー処理にGPU処理を取り入れて滑らかな動きにする will-changeでブラウザに事前通知してパフォーマンスを改善 Safari（時々IE）でのちらつき防止 .element { box-shadow: 5px 4px 0px 0 rgba(0,0,0,0.2); transform: translate3d(0, 0, 0) perspective(0); transition: all 1s ease-out; backface-visibility: hidden; } .element:hover { will-change: transform, transition, box-shadow; box-shadow: 3px 2px 0px 0 rgba(
