To create a gradient background image with CSS, you need two things: a starting color and a bottom color. It would also be handy to have a potential “fall back” background color that sits somewhere in the middle of the two.
Category: CSS
-
CSS3’s border-radius property and border-collapse:collapse don’t mix
Let’s explore an alternative way to achieve border-collapse:collapse with border-radius in CSS to have a collapsed, rounded corner table.
-
Semi Rant: Absolute Position when it’s relative
I have long been against absolute position. I always felt it the “lazy” way out. Until recently, I’ve seen the light. Absolute positioning works extremely well inside of a relative position. In fact it works so well, that it reduces my browser testing time because IT IS actually consistent!
-
Creating Diagonal Lines with CSS
The hr tag has been around for quite some time to provide a nice horizontal line to visually separate content. To achieve a vertical line, it’s typically been accomplished via border-left or border-right. However, this is when you can get into height issues or columns that don’t extend the whole way, etc… Instead CSS3 allows for the rotation of elements and allow for vertical or diagonal lines to be created with some basic CSS. This is accomplished with the transform property.