Category: CSS3

CSS3

Animation with CSS3: Simple transitions 0

Animation with CSS3: Simple transitions

CSS3 is exciting (well at least I think so :)), as it allows animations to be carried out on HTML elements to move them, change their colour and size, etc. In this post, I’ll be looking at the basics of how CSS3 transitions work, with a few examples along the way.

Read full article »
CSS3

Drawing a Lego brick with HTML & CSS3 3

Drawing a Lego brick with CSS3

I wanted to challenge myself to draw something with CSS, using some properties at my disposal from CSS3 like gradients, rotation, skew and border-radius. I needed something relatively simple to attempt to draw, and as I frequently think about toys, a Lego brick seemed a good option :)

Read full article »
CSS3

Prefix-free 0

Prefix-free

Prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.

Read full article »