Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


  • Content Count

  • Joined

  • Last visited

Community Reputation

6 Newbie

About sorciereus

  • Rank
    Advanced Member

Recent Profile Visitors

4,703 profile views
  1. Thanks alot Zach - also I was checking out Three.js as an option too - though I think this is all over kill for what I need to accomplish - just the same same I appreciate the response - I've been working alot in After Effects and my coding is a tad rusty! Your solution makes perfect sense, thanks.
  2. Is it possible to create this effect but instead of the particle squares, use a series of png images on transparent backgrounds? https://codepen.io/GreenSock/pen/vLqLeV?editors=0010
  3. Thanks OSUblake, Went through this and pulled Shaun's demo, http://codepen.io/sgorneau/pen/OXBpzg?editors=0010 Without knowing where on the page it will be trafficked (as it goes out all across the web) Does it account for any position on page? Just triggers when it enters viewport?
  4. This would just be in general. So for instance I have a series of TweenMax or TimelineMax tweens that I'd like to trigger when the ad enters viewpoint. This is not rich media and is being served as HTML5 into publisher's sites.
  5. I recommend coding the GSAP in TimelineMax and then using the restart function.
  6. Hello. Been playing around with the ScrollMagic Tutorial but it's not giving me the results I want. Is there a simple method to trigger a GSAP animation sequence once the banner scrolls into the viewport?
  7. sorciereus

    Blur filters

    Hi. Old thread but needing help here. I used this code pen to apply a blur to image. Works great except it's only working on Chrome and Safari and not Firefox. Help? http://cdpn.io/omsrL
  8. I will try that thank you - has anyone else seen this on IE 11?
  9. Is there a private email address I can send the demo to? I'm really not supposed to be sharing the creative publically - the fixes you sent don't seem to do the trick - would love for you take a look at the animation as perhaps i'm overlooking something. Thanks so much for the fast response.
  10. This issue is back, and now it's in all versions of IE - including 11.
  11. Hello. I always use GSAP for my banner animation - and today (of course when we are up against a crazy deadline) all of our banners that are tweening transparent png's are showing a black outline around the pngs. It's strange because I've seen this bug with IE8 (which we don't support) but only when the images have a drop shadow, the drop shadow becomes solid. I've never seen this before and seems to be affecting all of our units that I've used transparent pngs on in the past. Is there something going on with the platform? This error is in all versions of IE. I'm calling TweenMax from:
  12. Thanks very much for the replies. I appreciate both solutions and SplitText is super smooth! Rad!
  13. Hi all. Quick question. I'd like to tween the kerning/letter spacing on a line of text. Got it working but have a couple specific inquiries. I wasn't able to locate the exact documentation for the letterspacing tween effect. My line of code is: TweenMax.fromTo("#text1", 1, {letterSpacing:20, alpha:0}, {letterSpacing:10, alpha:1}); I'd like to add a delay and also I want the text to tween from the center rather than from the left - how do I do that as well? Here is the CSS: #text1 { font-family: 'Anderson 1938', 'anderson_1938regular', 'Helvetica', sans-serif; font-size:28px;
  14. Thank you. Was needing the pure Javascript answer. Just didn't have the syntax quite right. Appreciated.
  15. Hi there. I'm trying to call some code on an interaction, for example,on a close button click, but I want the code to execute only if certain conditions are met. I think I might have formatted that portion (the if statements) as AS3 (as that's what I'm more comfortable with). Can you take a look and tell me why my if statements aren't firing? It's a huge piece so a codepen would be tricky to recreate, but here is the code in question, hopefully it's enough to solve: function minimizeShoe() { //TweenMax.set("#plus1", {css:{zIndex:501}}); TweenMax.to("#panel2_box1", .35, {scaleX:0.334, scaleY