CSS3 Simple Shapes – Cheat Sheet

  • Share
  • Share

preview Cheat Sheet Shapesdownload

Recently, I`ve decided to make cheat sheet dedicated to simple shapes that can be made only by means of CSS3. I`ve used only instant description. Since I`ve included majority of simple shapes like squares, circles, triangles, ovals etc, you can easile combine some of these in order to make complicated shape using :before or :after content-related pseudo “elements”.

If you have some questions or suggestions feel free to write me.

About the author

Nataly is a web developer from Sevastopol, Ukraine. She runs a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unlocks secrets and plays volleyball.

12 Comments

  1. ranjan says:

    This is superb!!!

    Reply
  2. Beben Koben says:

    it’s so usefully 😀
    thank’s a lot my friend 8)

    Reply
  3. Gabriel Ryan says:

    :-! Bunch of thanks for sharing this interesting collections, Keep it up.

    Reply
  4. Moto says:

    Very nice and usefull, thank you 🙂

    Reply
  5. φωτοβολταικα says:

    Thnx for giving us ideas! Nice work and nice shapes!

    Reply
  6. Thiago Reis says:

    Amazing! I’ll try all of them today!
    😉 Thanks for the excellent post!

    Reply
  7. Tony says:

    This is going to come in handy *CRAZY*

    Reply
  8. κατασκευή ιστοσελίδων says:

    CSS3 can do miracles! Thank you for the tips dude.

    Reply
  9. φωτοβολταικα says:

    great article! Thanks!!

    Reply
  10. Φωτοβολταικα συστηματα says:

    thank you! very helpful

    Reply
  11. Chandra says:

    Thanks, it is really usefull

    Reply
  12. balakumar says:

    amazing post!
    cross browser support is very helpful for all. thanks.

    Reply

Leave a Comment