CSS Effects Archive

14 Image Hover Effects

HTML and CSS code for Image hover effects with or without bootstrap. It includes 14 different image hover effects. File Size : 7.1 MB Demo More Info / Download

Image Caption Hover Animation – CSS3 Transitions and Transforms

This is an Image caption hover animation effect using CSS3 transitions and transforms. It will work on all modern browsers where CSS3 animation are supported. File Size : 772 KB Demo More Info / Download

3D Hover Effects for Thumbnails and Images

Create 3D hover effects for images using pure HTML and CSS3. Demo / More Info

CSS 3D Link Hover Effect

You can use this 3d hover effect for your anchor tag links. Using CSS translate3d and perspective to create this clean text hover effect for links. Demo More Info See the Pen 3D hover effect in CSS by sebastianekstrom (@sebastianekstrom) on CodePen.

Sticky Social Bar with CSS3 Transitions and Transforms

Sticky social bar is a simple container of social media icons, glued to the right side of the browser window. Each element in the sticky social bar is animated using css3 transitions and transform rules. File Size – 38 KB Demo Download

CSS3 – Slide Social Buttons

Features * Uses CSS transforms & transitions. * Uses Icon Fonts, perfect for retina displays. * Degrades gracefully for IE 8 – 9 & touch devices. * It’s responsive! Browser Compatibility Desktop * IE 8-9 * Chrome * Firefox * Safari (Mac) Mobile * Chrome (Android 4.2.2) * Safari (iOS 6) File Size – 16

12 Fun Sharing Button Effects

Below button effects are done via CSS. These buttons different effects are fall back, paper flip, rumble, 3d doors, circle, rotation, simple, doors, zoom, border, future and pop ups. File Size – 1.7 MB Demo Download