Pure CSS Nissan logo

06 September 2012

After the last pure CSS logo's (Toyota, dreamdealer, Apple, Android) I was on a roll and also created the Nissan logo. Whereas I cheated with the Toyota logo by not using the exact right font, this wasn't possible in the Nissan logo. Also the font-file I found was not usable as webfont, so I had to create the "NISSAN" letters with individual shapes. The challenge was to use as minimal HTML as possible. Only the "S" uses 2 elements, all other elements are just one HTML element with some pseudo classes.

Check out the demo!

You must have JavaScript enabled to use this form!

Leave a comment!

  1. Your mail is safe with me. It's only only used to display your Gravatar image!


  1. Gravatar


    26 July 2015

    Very nice site! cheap goods http://yieapxo2.com/qrovvxq/4.html

  2. Gravatar


    26 July 2015

    Very nice site! <a href="http://yieapxo2.com/qrovvxq/1.html">cheap goods</a>

  3. Gravatar


    25 July 2015

    Very nice site!

  4. Gravatar


    20 July 2015

    Very nice site!

  5. Gravatar


    19 July 2015

    Hey very nice blog!! Man .. Excellent .. Amazing .. I will bookmark your site and take the feeds alsoI'm satisfied to find a lot of useful info right here within the post, we'd like develop extra strategies in this regard, thanks for sharing. geadfdggegebeedd

  6. Gravatar


    22 October 2012

    Where is your mother o boy? I am the boss which can create this for only 1 min. Please share more cool things, not this kind of tutorials

  7. Gravatar

    Paul Klinkenberg

    06 September 2012

    Nice one dude!
    And now back to work :-P