Jump to content
GreenSock

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

Search the Community

Showing results for tags 'boxshadow'.

  • 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
  • Supercharge

Categories

There are no results to display.


Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Personal Website


Twitter


CodePen


Company Website


Location


Interests

Found 5 results

  1. Note: This page was created for GSAP version 2. We have since released GSAP 3 with many improvements. While it is backward compatible with most GSAP 2 features, some parts may need to be updated to work properly. Please see the GSAP 3 release notes for details. GSAP's CSSPlugin is now super-charged to handle some slick new CSS3 properties like 3D transforms, boxShadow, textShadow, borderRadius and clip. Plus you don't need to worry about a litany of vendor prefixes. GSAP makes it easy to create next-generation effects today. [Note: the animation below is NOT a video - it's regular DO
  2. Hallo, we are working on a project using GreenSock, and we are wondering how to animate textShadow or boxShadow with objects. /* this is working */ var element = document.getElementById('animate'); TweenMax.to(element, 1, { textShadow: "10px 10px 10px rgb(0, 0, 0)", boxShadow: "0px 0px 5px 2px #F00" }); /* this is not working */ TweenMax.to({ textShadow: "10px 10px 10px rgb(0, 0, 0)", boxShadow: "0px 0px 5px 2px #FFF000" }, 1, { textShadow: "10px 10px 10px rgb(255, 255, 0)", boxShadow: "0px 0px 5px 2px #FF0000" }); /* this is working */ TweenM
  3. Hello, I was trying to animate an inset boxShadow on an element and I saw something weird. If the element has an inset boxShadow and I tween to another inset boxShadow, the border goes outside the element. It works ok if I remove the inset on the Tween command. Example : http://plnkr.co/edit/x7OoyDcVdod2DQjB6HzP?p=preview Is this normal behaviour? Thank you
  4. Setting a shadow with inset works correctly, but then setting it without changes everything but doesn't clear the inset. The codepen is a very simple example. I know clearProps could be used in this example, but is not ideal for my actual use case with multiple user-supplied shadows. Any thoughts how to toggle inset on/off?
  5. This hardly seems like the most efficient or even correct way to do something simple like this, but it's the only way I've been able to get to actually work. Just a simple color change boxShadow animation whenever you click anywhere in the window. I haven't changed the autowrite method, so it should default to auto. Yet whenever I try to overwrite these tweens, the boxShadow gets a halo of the other color. Also I have to pause and seek back to the begining or I also see a halo. It has these problems whether I'm using a single tween or two. It doesn't seem right that I should have to create two
×