I have a simple animation in my Meteor app based on TimelineLite which works as intended in Firefox, but doesn't work at all in Chromium.
Kindly point out what I am going wrong.
My HTML code:
<template name="testAnimation">
<a href="#">
<div align= "right" class="circleBase1 subMenu1" id="testAnimation2" > </div>
</a>
</template>
My JavaScript Code:
Template.testAnimation.events({
"click #testAnimation2": function() {
var myMenuAnimation = new TimelineLite();
myMenuAnimation.to($("#testAnimation2"), 0.5, {css:{left:30, bottom:20,}, ease: Power4.easeOut} );
}
});
My CSS code:
.circleBase1{
position: fixed;
background-image:url(../images/searchicon.png);
border-radius: 60%;
display: inline-block;
float: right;
right: 30px;
bottom: 20px;
behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}
.subMenu1 {
box-shadow: 5px 1px 10px #808080;
z-index: 1999;
right:30px;
bottom: 20px;
}
Thanks in advance