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

Co-founder of land-of-web.

28 Comments

  1. ranjan says:

    This is superb!!!

    Reply
  2. Beben Koben says:

    it’s so usefully :-D
    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. 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. CSS3 can do miracles! Thank you for the tips dude.

    Reply
  9. Chandra says:

    Thanks, it is really usefull

    Reply
  10. balakumar says:

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

    Reply

Trackbacks for this post

  1. Weekly Design News – Resources, Tutorials and Freebies (N.89) | Programming Blog
  2. Weekly Design News – Resources, Tutorials and Freebies (N.89) | FlexLib
  3. Weekly Freebies: 20 Awesome Cheatsheets for Designers and Developers | Design Shack
  4. How To Create Different Shapes In CSS | Paulund
  5. Create Different Shapes In CSS | webtrendset
  6. How To Create Different Shapes In CSS : Lake of Web
  7. How To Create Different Shapes In CSS | PHP Developer Bristol Paulund | I Am Your Go2CreativeGuy
  8. Weekly Design News – Resources, Tutorials and Freebies (N.89)
  9. How To Create Different Shapes In CSS | Web Development Tutorials
  10. Cheat Sheets for Designers and Developers | Web Help 101
  11. あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのWEB屋
  12. 20 полезных сайтов для любителей CSS3
  13. Land-of-web – All about web design » CSS3 Simple Shapes – Cheat Sheet | LAMAARQUE
  14. あなたの作業を音速にするかもしれないWEB屋の作業スピードを上げるチートシート大量紹介 | バンクーバーのうぇぶ屋
  15. Best tools CSS3 per web developer – seconda parte | Rua Muro 62
  16. 设计新闻,资源,教程专栏N.02

Leave a Comment