Search the Community
Showing results for tags 'box-shadow'.
Found 4 results
-
Hi! I was inspired by this Pen: https://codepen.io/GreenSock/pen/rNOBLBV I have a neon tube (SVG with several box shadows for the glow) and I was wondering what would be the best way to animate it on scroll? I know that animating box-shadow is non-performant, so what are my options if I want to have the neon glow and animate the glow from top to bottom of the SVG on scroll? Could I animate the height of the SVG as a way to make it look like the tube is animating down...but I thought it would look more impressive if the tube is there without the glow and the glow animates downwards on scroll. Any assistance much appreciated! P.S. Hoping Cassie responds because she's my SVG animation hero. ?
- 16 replies
-
- 1
-
-
- svg
- box-shadow
- (and 2 more)
-
Hello everybody I am getting frustrated a lot. How to get this boxshadow look without darker lines/ stripes? The box shadow looks darker than the rest of the background or the inner picture rectangle while having the same colors. I don't understand this. In Photoshop this looks good. Using CSS it is so ugly! =( Please help me! Kind regards, Matt -
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?
-
Hi all! I'm in last time interested TweenMax for performance. I'm using TweenLite/Max from 2013 June, but 2013 TweenLite/Max are slowly. The new 2014 August TweenLite/Max performance high, smooth 50+ fps (if H/W accelaration is disabled) and very-smooth without breaking frames 60 FPS and 60 Hz rendering (if H/W acc. enabled). In latest GSAP (TweenLite/Max and etc) have some issues in IE! 1. Dx and Dy in relative position cutting when transformating. 2. CSS3 rendering - borderRadius, boxShadow, backgroundGradient, textShadow doesn't work 3. CSS3 Transform - rotateX, rotateY, translateZ, scaleZ doesn't work. Have issue fixes! 1. Set position to absolute. 2. borderRadius, boxShadow and backgroundGradient pollyfil have (i'm now upload to GoogleDrive, see https://googledrive.com/host/0B7DKrzLvYDoOV1ZzZ3ZRMTdwbE0) in IE! 3. CSSMatrix uses advanced calculating and making 3D in IE (see https://github.com/arian/CSSMatrix ) Thanks!
