我該如何停止這個流沙動畫？

Question

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

對於每當我切換的選項，如網絡/ iOS設備/打印動畫做一個奇怪的毛刺和動畫跳過一個有些怪異的原因。

但是當我從我的風格刪除代碼*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

它工作正常，但才發現，我的懸停動畫剪輯。

所以我問的是如何讓動畫故障停止？ （只需點擊過濾器的一個網站上看到毛刺）

的比較看http://designwoop.com/labs/filtered-portfolio/，你可以看到如何順利，它看起來

我真的NIT挑剔和方式的動畫不流暢打擾我。

Answer 1

這很容易，因爲你已經知道couses故障的原因。 流沙是一個插件，所以它不夠聰明來計算CSS。 而且最好不要應用盒子大小的CSS來練習。 我建議採取

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

出來，並計算自己的寬度和填充的figcaption