Share!

Infographic: Quick Look into CSS3 Properties

These days you’ll see a lot of infographics on the web. Infographics are a great way to illustrate information and transform complex topics into simple explanations. So why not make one?

In today's article we're showcasing an infographic, designed exclusively for Onextrapixel, by graphic designer Teresa Sposato.

Infographic: Quick Look into CSS3 Properties

Teresa Sposato wanted to create an infographic but the only thing missing to get her to his first infographic was the topic. As she was working with CSS3 on a daily basis to create more interesting designs for her clients’ websites, one of the first possible topics that came to her mind was "CSS3 properties". She 'Googled' it and found exactly the article and information needed.

So she decided to make use of the article written by Christian Krammer on Onextrapixel: The Most Important CSS3 Properties Explained which introduces the reader to CSS3 properties that have general support in all contemporary browsers. This infographic takes that useful information, packs it all into one compact illustrated piece to print out and always have handy to look at when needing the right property while coding.

For a full large resolution image, click on the image below:

Infographic: Quick Look into CSS3 Properties

Thanks to Teresa Sposato for this great infographic. You can follow her @TeresaSposato on Twitter.

Are there any properties that we have missed out? We hope you have enjoyed this CSS3 properties infographic and do share any of your feedback below.

Advertise with us

Author

Onextrapixel, or more commonly known as OXP is dedicated to delivering useful, comprehensive and innovative information for designers, developers and many others.

  • http://martinstark.net Martin Stark

    Nice graphic, let's hope non css3 browsers die out soon.

    (you may want to fix the description of transition, it's the same as border-radius.)

    • http://www.onextrapixel.com Aidan Huang

      Hi Martin,

      We have amended it. Thanks for the feedback.

  • Bill Zacht

    It's incomplete... The descriptions are wrong. Nice start though.

    • http://www.onextrapixel.com Aidan Huang

      Hi Bill, can you let us know what is missing? For the wrong description, we have already amended it.

  • http://www.paulund.co.uk Paul

    Nice work.

    My favourite CSS3 feature is animation gives you so many options.

  • http://www.dzinepress.com/ Dzinepress

    useful presentation. thanks

  • http://www.johnpaulhandrigan.net John Paul Handrigan

    Border-Radius is by far my favourite CSS3 property! Now, if only web users would ditch those older browsers!

  • http://www.webgeek.net Chris

    box-shadow can also accept a fourth value for "spread distance", after the value for "blur distance".

  • Rana mukherjee

    Nice

  • http://www.venkatscreation.com Venkat

    Nice

  • http://www.dragonnestgoldseller.com dragon nest gold

    Very nice contact forms.

  • http://www.bymmo.fr wow po

    useful presentation. thanks

  • http://webhosting.digitalexperts.net fahad

    Specifying more then one backgrounds is like a " dream comes true " to me it's the most useful property of CSS 3