-
CSS-Snippets | Border on Image Hover Demo
Problem
Notice how the images are jumping when you hover over an image. This is because the size of the image box changes by adding the 3 pixels all around it.
First Solution (works in certain cases a...
-
Tabs and More Demo
CSS Tab using two top border-radius of 20px
Creating a shape with opposite corners curved
Leaf shape created with extreme values. (0 100px)
Every corner can have its own unique value.
Create a flo...
-
Gradient Column Demo
Background Color on Columns
Column 1 is longer than the 2nd column, and the columns are different heights.
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, the...
-
Menus with Transitions
In first example, the border adds to the height, and pushes the other items down, instead of going underneath the text. In the second example, it is fixed by changing the height. This allows the menu ...
-
Menus with Transitions
The first menu has class names on each menu item, allowing easy targeting for different colors on each item. This is possibly the simplest solution if creating a static HTML site.
However, if the menu...