Posts inFamous Logos in CSS3

We're advancing things a little this week by tackling the Volkswagen logo. The logos we've re-created so far have focused on manipulating flat shapes, whereas the VW logo has much more depth, with several gradients and shadows. We're going to be focusing on the CSS3 gradient property in this post, dissecting the code and explaining the ...

As requested, I've decided to follow up last week's post (within which we re-created the Batman logo with CSS3), with the Batman logo used in the new films. The shape is simpler and easier to achieve than the original Batman logo so in order to ensure further progression in this series I've added a couple ...

The second famous logo in the series we'll be attempting to re-create with CSS3 is the Batman logo! Last week we looked at the Pepsi logo, which was relatively simple with only three blocks of colour to manipulate into the appropriate shapes and position. The Batman logo is a bit more tricky, occupying a much ...

This is the first in a new, experimental CSS3 series within which I will be attempting to re-create a famous brand logo each week without the aid of any images, using only CSS. I should probably start by saying there may be better or more efficient ways to achieve my outcomes than whatever methods I choose ...