Skip to content

Instantly share code, notes, and snippets.

@clarknelson

clarknelson/svg-overflow.md

Last active August 9, 2017 01:14
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save clarknelson/d0047d198cac69667d6bb8b2c0de34a5 to your computer and use it in GitHub Desktop.
Save clarknelson/d0047d198cac69667d6bb8b2c0de34a5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
svg-overflow.md

Everything, all the way up to html is pushed down to here: https://clarknelson.com/drop/Screen-Shot-2017-08-08-20-10-35.png

Overflow is located in a <g> element with clip-path: https://clarknelson.com/drop/Screen-Shot-2017-08-08-19-56-57.png!

Here is what it looks like in Illustrator, it's clipped using a rectangle. You can check the generated svg in the previous img: https://clarknelson.com/drop/Screen-Shot-2017-08-08-19-59-12.png

Shifts even position: fixed elements down, like my nav: https://clarknelson.com/drop/Screen-Shot-2017-08-08-20-00-32.png

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment