vendredi 28 novembre 2014

Safari make content to jump when hover, works ok on other browsers


Vote count:

0




I'm trying to make this navigation bar to work without that jumpy effect on Safari. It works ok on all other browsers.


You can check the code here http://ift.tt/1FA43oH



<nav class="top-menu">
<div class="divider first ui-animation fade-in"></div>
<a href="#" class="product">
<span class="hover">Link1</span>
<span class="link ui-animation fade-in-down">Link1</span>
</a>
<div class="divider ui-animation fade-in"></div>
<a href="#" class="product">
<span class="hover">Link2</span>
<span class="link ui-animation fade-in-down">Link2</span>
</a>
<div class="divider ui-animation fade-in"></div>
<a href="#" class="product">
<span class="hover">Link3</span>
<span class="link ui-animation fade-in-down">Link3</span>
</a>
<div class="divider ui-animation fade-in "></div>
<a href="#" class="product">
<span class="hover">Link4</span>
<span class="link ui-animation fade-in-down">Link4</span>
</a>
<div class="divider ui-animation fade-in "></div>
<a href="#" class="product">
<span class="hover">Link5</span>
<span class="link ui-animation fade-in-down">Link5</span>
</a>
<div class="divider last ui-animation fade-in"></div>
</nav>


Any suggestions?


Thanks in advance :)



asked 1 min ago







Safari make content to jump when hover, works ok on other browsers

Aucun commentaire:

Enregistrer un commentaire