3.18.2019

css3 polygonal shapes and text - inspired by Michelle Barker @mbarker_84 and Bennett Feely @bennettfeely

css3 polygonal shapes and text

inspired by

Michelle Barker

and

Bennett Feely


"CSS In Real Life is a blog covering CSS topics and useful snippets on the web’s most beautiful language.

Published by Michelle Barker, front end developer at Ordoo and CSS superfan." - Michelle Barker @mbarker_84



"The clip-path property allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source.


CSS Animations and transitions are possible with two or more clip-path shapes with the same number of points."

- Bennett Feely @bennettfeely

CSS In Real Life is a blog covering CSS topics and useful snippets on the web’s most beautiful language. Published by Michelle Barker, front end developer at Ordoo and CSS superfan.
CSS In Real Life is a blog covering CSS topics and useful snippets on the web’s most beautiful language. Published by Michelle Barker, front end developer at Ordoo and CSS superfan.
CSS In Real Life is a blog covering CSS topics and useful snippets on the web’s most beautiful language. Published by Michelle Barker, front end developer at Ordoo and CSS superfan.
css3 polygonal shapes and text - inspired by @mbarker_84 and @bennettfeely