过渡后同位素震动

我正在使用同位素jQuery插件，我有两个相同的问题：

1. 当我点击filter时，在转换之后，内容会在它们占据位置之前摇晃一下。 我无法理解为什么会这样。 这是URL https://dzire2dzine.com/portfolio

2. 我希望根据URL参数触发一个filter的click事件。 例如，如果有人访问：dzire2dzine.com/portfolio#logo然后它将过滤到Logo，如果有人访问：dzire2dzine.com/portfolio#web那么它应该过滤到Web等。

那么任何可以指导我的人呢？ 谢谢，

Answer 1

问题出在你的CSS中，只需从你的css中移除“#portfolios .portfolio，＃portfolios .portfolio：hover”

.entry-header div.caption::after, .entry-header:hover div.caption::after, div.client div.caption::after, div.client:hover div.caption::after, .social, div.portfolio div.caption::after, div.portfolio:hover div.caption::after, .lavaLamp li button, .lavaLamp li:hover button, #portfolios .portfolio, #portfolios .portfolio:hover { transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; } 

问题是你正在为所有的propreties应用CSS3动画。