hoverでcss3のanimation-play-state: paused;で一時停止がされません。
原因が分かる方、ご教授いただけますでしょうか。
$(function() { $('.thumb-2').css({ 'animation': 'move2 20s ease -' + Math.random() * 20 + 's infinite alternate forwards running'}); });
[class*='thumb-'] { border-radius: 50%; -webkit-border-radius: 50%; width: 120px; height: 120px; transition: all .2s ease-in-out-in-out; overflow: hidden; background: rgba(255,255,255,0); } [class*='thumb-']:hover { animation-play-state: paused; -webkit-animation-play-state: paused; opacity: 0.9; width: 125px; height: 125px; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.52s ease-out; transition: all 0.25s ease-out; }
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/02/19 21:31