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! :)

  3. Nay @lamidesbetes on


    I've done this using mask-image without clip-path.


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

You must be logged in to comment.