Archive for the ‘background-image’ Category

CSS Basics: Using Multiple Backgrounds

Posted on: No Comments
With CSS, you can control the background of elements. You can set a background-color to fill it with a solid color, a background-image to fill it with (you guessed it) an image, or even both: body { background-color: red; background-image: url(patt...

CSS Basics: Using Fallback Colors

Posted on: No Comments
Something you very much want to avoid in web design is unreadable text. That can happen when the background color of an element is too close or exactly the color of the text. For instance: .header { background-color: white; color: white; } Which c...

Slice Revealer

Today we’d like to share a simple reveal animation with you that is mainly inspired by Zhenya Rynzhuk’s transition experiments and Gil Huybrecht’s “Boardathon” Dribbble shot. The idea is to cover and uncover an image wit...