1

http://trulyamped.com/test/art.html

何らかの奇妙な理由で、web/ios/print などのオプションのいずれかを切り替えると、アニメーションに奇妙な不具合が発生し、アニメーションがスキップされます。

しかし、コードを削除すると*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

私のスタイルからは正しく動作しますが、ホバーアニメーションが切り取られていることがわかります。

だから私が求めているのは、アニメーションの不具合を止めるにはどうすればよいですか? (サイト上のフィルターの 1 つをクリックして、不具合を確認してください)

比較については、http://designwoop.com/labs/filtered-portfolio/をご覧ください。滑らかに見えることがわかります。

私は本当に好き嫌いがあり、アニメーションがスムーズでないことが気になります。

4

1 に答える 1

2

グリッチを引き起こす理由はすでにわかっているので、簡単です。quicksand はプラグインであるため、CSS を計算するほどスマートではありません。また、練習用にボックスサイジング css を適用しない方がよいでしょう。私は取ることをお勧めします

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

figcaption の幅とパディングを自分で計算します。

于 2013-06-24T07:46:56.270 に答える