ThrottleLP
New Member
I'm using a Browser source for my overlay in my streams. I've got an animated logo with different animations triggered by javascript. Everything works... except for animations with "transform: scale()". Is this a bug in OBS/CEF or is the person in front of my keyboard responsible? (My animation works in Chrome, Opera and Firefox!)
my animation:
@keyframes vz {
0% {transform: scale(100%); -webkit-transform: scale(100%);}
25% {transform: scale(110%); -webkit-transform: scale(110%);}
40% {transform: scale(0%); -webkit-transform: scale(0%);}
60% {transform: scale(0%); -webkit-transform: scale(0%);}
75% {transform: scale(110%); -webkit-transform: scale(110%);}
100% {transform: scale(100%); -webkit-transform: scale(100%);}
}
my animation:
@keyframes vz {
0% {transform: scale(100%); -webkit-transform: scale(100%);}
25% {transform: scale(110%); -webkit-transform: scale(110%);}
40% {transform: scale(0%); -webkit-transform: scale(0%);}
60% {transform: scale(0%); -webkit-transform: scale(0%);}
75% {transform: scale(110%); -webkit-transform: scale(110%);}
100% {transform: scale(100%); -webkit-transform: scale(100%);}
}