Hello! I'm trying to create a simple hover effect on images in a 2 column gallery. I use drupal 8 and iv'e included the html code for one of the images in the gallery http://codepen.io/anon/pen/ZLPJQL
The problem is that everything works in firefox but in chrome the animation flickers and the images goes invisible for a while before returning to normal (only on the right side of the gallery weirdly enough). Iv'e had this problem with chrome before and seen some threads on it but i can't remember what code it was that fixed the flicker problem. Iv'e tried setting force3d:true but it did not help. I'm using Jquery in the .js file beacuse i got errors when i was using the original script which looked like this:
<script language="JavaScript" type="text/javascript">
$('.tileImage').hover(
function () {
TweenMax.to(this, 2, {scaleX:1.1, scaleY:1.1, ease:Circ.easeOut});
},
function () {
TweenMax.to(this, 2, {scaleX:1, scaleY:1, ease:Circ.easeOut});
}
);
</script>
Any help is much appreciated, thanks for a great tool!