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!

7 comments

  1. Gravatar

    Pharmg750

    26 July 2015

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

  2. Gravatar

    Pharmd143

    26 July 2015

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

  3. Gravatar

    Pharmf606

    25 July 2015

    Very nice site!

  4. Gravatar

    Pharmg219

    20 July 2015

    Very nice site!

  5. Gravatar

    Smithe695

    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

    Fatmir

    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