Category: CSS

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 »
CSS

Drawing triangles with CSS 1

Drawing trangles with CSS and HTML

Believe it or not, triangle shapes can be drawn with pure CSS, no images needed. In this post I’ll be explaining how different types of triangles can be drawn with a clever little trick involving borders on an element.

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 »