Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
scaling

3 Articles
{
,

}
Direct link to the article Different Approaches to Responsive CSS Motion Path
offset-path scaling

Different Approaches to Responsive CSS Motion Path

As a follow-up to Jhey’s recent post on responsive motion paths, Michelle Barker notes that another approach could be to just transform: scale() the whole dang element.

The trade-off there is that you’re scaling both the path and the …

Avatar of Chris Coyier
Chris Coyier on Apr 24, 2020
Direct link to the article Various Methods for Expanding a Box While Preserving the Border Radius
animation clip-path CSS scaling transform transition

Various Methods for Expanding a Box While Preserving the Border Radius

I’ve recently noticed an interesting change on CodePen: on hovering the pens on the homepage, there’s a rectangle with rounded corners expanding in the back.…

Avatar of Ana Tudor
Ana Tudor on Sep 6, 2019 (Updated on Sep 9, 2019)
Direct link to the article How to Scale SVG
scaling sizing SVG

How to Scale SVG

The following is a guest post by Amelia Bellamy-Royds. Amelia has lots of experience with SVG, as the co-author of SVG Essentials and author of the upcoming Using SVG with CSS3 and HTML5. Amelia and I both will be …

Avatar of Amelia Bellamy-Royds
Amelia Bellamy-Royds on Jan 6, 2015 (Updated on Sep 30, 2022)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top