Search the Community
Showing results for tags 'border-radius'.
With the help of the CSSPlugin, GSAP can animate almost any CSS-related property of DOM elements including the obvious things like width, height, margin, padding, top, left, and more plus more interesting things like transforms (rotation, scaleX, scaleY, skewX, skewY, x, y, rotationX, and rotationY), colors, opacity, and lots more. Because animating DOM elements in the browser is so common, GSAP automatically checks to see if the target is a DOM element and if it is (and you haven't already defined a "css" object in the vars parameter), the engine creates that css object for you and shift
I'm a GSAP newbie, an animator not a programmer. I had to hack my code to make some borderRadius tweens run smoothly. Trying to animate horizontal and vertical components of border radius of the four corners separately. The codepen explains it better than I can here. I'm hoping someone can point me toward a better solution. Thanks in advance.
I'm trying to find a fix for an older version of Safari. I have some elements animating in div that I've made into a circle using border radius with an overflow hidden. It works great on the latest browsers, but in older versions of Safari the element 'breaks' out of of the div when it's animating. I've read adding a border setting to container will fix it, but it's not working when I test in Safari 7.1.4. I know this is browser but and not a GSAP issue. I'm wondering if anyone has found a good fix for this Safari issue. On the plus side it works great in IE9 the overflow animating t
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, transl