Jump to content
GreenSock

Search the Community

Showing results for tags 'css filter'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • GreenSock Forums
    • GSAP
    • Banner Animation
    • Jobs & Freelance
  • Flash / ActionScript Archive
    • GSAP (Flash)
    • Loading (Flash)
    • TransformManager (Flash)

Product Groups

  • Club GreenSock
  • TransformManager

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Found 1 result

  1. In other instances (if I'm remembering correctly), I've been able to chain multiple transforms (ex: translateX and scaleX) and animate them, but it doesn't seem like I can achieve the same thing with multiple filters. `.to(clearSVG, 1, {css:{opacity: 1, width: '92px', filter: 'drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.7)) blur(0px)'}})` Attempting to troubleshoot this I've tried just animating one of the properties and... If my css is: `.clear-svg { filter: blur(15px) drop-shadow( 10px 10px 15px rgba(255,255,255,.7) ); }` and my tween is: `.to(clearSVG, 1, {css:{opacity: 1, width: '92px', filter: 'drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.7)) blur(0px)'}})` OR `.to(clearSVG, 1, {css:{opacity: 1, width: '92px', filter: 'blur(0px)'}})` it won't trigger or it just snaps to the end CSS. If I have just one property or the other in CSS and have the same prop in JS, it will tween. But I can't tween *both*. Do I need to set up some sort of function to slowly tween all the numerical values (similar to: https://codepen.io/joemidi/pen/omsrL?editors=1010) or can I target both filter props with the GSAP tween?
×