I have a click button that after click sends calendar entry to the user.
What I'm trying to achieve is that dot in the middle scales up over letter radius on mouse hover.
I've tried several approachesnow but for some reason I cannot do it.
This is my code:
TweenMax.to(".innerletters, .outerletters, .roundbutton", 8, {opacity:1, delay:7});
TweenMax.to(".innerletters", 32, {css:{rotation:-360, transformOrigin:'50% 50%'},ease:Linear.easeNone,repeat: -1,paused: false});
TweenMax.to(".outerletters", 22, {css:{rotation:-360, transformOrigin:'50% 50%'},ease:Linear.easeNone,repeat: -1,paused: false});
function hoverOn () {
var ttt = new TimelineMax({repeat:-1});
ttt.to(".roundbutton", 2, {fill: '#F15D2E'})
ttt.to(".roundbutton", 2, {fill: '#EEBC27'}, "+=1")
ttt.to(".roundbutton", 2, {fill: '#8DC641'}, "+=1")
ttt.to(".roundbutton", 2, {fill: '#F15D2E'}, "+=1")
}