Creating Responsive Shapes With Clip-Path And Breaking Out Of The Box

20 July, 2015

CSS’ clip-path property is your ticket to shape-shifting the monotonous, boxy layouts traditionally associated with flat, responsive design. You will begin to think outside the box, literally, and hexagons, stars and octagons will begin to take form on your web pages. Once you get your hands dirty with clip-path, there’s no end to the shapes you can generate, simply by tweaking a few values.

This article was published in Smashing Magazine, May, 2015.

Read the entire article here.

Related tags: Clip-path, CSS-Transitions, Polygons, SVG

comments powered by Disqus