Home » CSS

CSS3 ‘Whoosh’ and ‘Whiw’ hover button effects

I don’t really know what to call them so I just named them after what I thought the effects would sound like, if CSS had audio. The hover idea came to me yesterday and I thought that it would be nice to try out using…

Read More »

Color slide effect on hover using CSS

A nice and simple hover effect where the background color shifts from right to left on hover. This is achieved by animating the ‘background-position’ property and increasing the width of the background using ‘background-size’. HTML

CSS

Output Icons made by Madebyoliver from www.flaticon.com…

Read More »

Collapsed DIV borders using CSS3 box-shadow

This is a neat little trick I’ve been using some time now and I hope this will be of help to others too, especially to young developers. Suppose you have 3 divs that are stacking on top of each other and you want to give…

Read More »

Hover Button ‘Fly-up’ Effect with CSS

An interesting button hover effect seldom used but not hard to create. This uses CSS3 so this won’t work on old browsers that don’t support it. HTML

CSS

Output Elmer BalbinWeb developer from Bacolod, Steam Sale hunter, and casual DotA 2 player. about me…

Read More »

Border Magnetize-Like Effect using CSS3 and jQuery

A simple effect on borders I had time to whip up today. Forgive the dirty code (newb here!). Calculates the mouse position from the center of the circle. This is my play on the mousemove event and CSS3 transition property. Feel free to copy the…

Read More »

Custom CSS Scrollbar using -webkit-scrollbar

Copy this code to your css file. Customize as you wish. Only works for -webkit- supported browsers.

Read More »

Get great deals on hotel rooms from all over the world BOOK NOW