Search the Community
Showing results for tags 'colorprops'.
-
Hi Guys, I have 4 fullscreen sections on a page (using fullpage.js). I'm trying to animate the background gradient of the body every time users scroll through each section. Animation duration should be tied to the scrollbar position. I have pre-set colors to use for each section that I have put into an array. My idea is to get the id of the section currently in view and pass this into the colorize function to get the corresponding colors for the gradient. I'm stuck here. Thanks in advance
- 2 replies
-
- gradient animation
- scrollmagic
-
(and 2 more)
Tagged with:
-
I'm trying to change the fill color of a movieclip I created using Flash Pro with the canvas tag / Create JS. This is what I'm trying: TweenLite.to(instructions.demoColor, 1, {colorProps:{backgroundColor:"#279133", tintAmount:1}}); TweenLite.to(instructions.demoColor, 1, {colorProps:{backgroundColor:"#279133", tintAmount:1}}); But nothing seems to be working. I saw an older post in the from (2012) that was using : TweenLite.to(circle, 3, {y:150, easel:{tint:"#0000FF", tintAmount:0.5}}); That also doesn't seem to do anything. I don't see any errors so I'm guessing this line is just being ignored. Thanks!
-
Hello. I don't get it. It seems so easy but see yourself in the code(pen).. var clr = { pink: 'rgb(0, 0, 0)' }; TweenMax.to(clr, 5, { colorProps:{ pink:'rgb(255,255,255)' }, onUpdate:function(){ console.log(clr.pink); $('body').css('background', clr.pink); } }); Thank you for help. Laser