css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Fancy layouts using data attributes, pseudo elements and clip-path. No need to stick to standard layouts or duplicate a lot of html, we can create fun beautiful layouts with some simple properties and attributes!

Check out some other cool text effects: http://codepen.io/collection/DamKJW/


  1. Fabulous.

  2. @mandymichael Hello Mandy! This is awesome pen btw, all grats! I wanted to ask you, how did you clip the way you clipped? I mean did you use online tool for clipping, and if you did, what exact tool did you use?

    Thank you in advace! :)

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.