CSS / CSS3 Archive

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.


Direction Aware Hover Effect Using jQuery & CSS3

Create a direction aware hover effect using jQuery and CSS3. File Size : 133 KB Demo More Info / Download


iHover – Hover Effects using Pure CSS

iHover is a collection of hover effects using pure CSS. This CSS hover effects work well with Bootstrap 3. Totally 30+ hover effects available in single pack. Features : * Pure CSS3 * Built with SASS CSS * Bootstrap 3 compatible * Circle & square image hover effects * 20 Circle image hover effects *


Slick Modal – CSS3 Powered Popups

Features : * 50+ available options * Custom modal size * 9 popup postions * 5 transition speeds * 15 transitions effects * Set a timed visibility delay * Lightweight (CSS below 10 KB) * HTML5, CSS3 & jQuery powered Demo More Info / Download


A Simple CSS Tooltip

Create a simple tooltip using HTML and CSS with pseudo elements, the triangle hack and data attributes. Left, right, bottom and top directional tooltip system available. So, you can easily show the tooltip text which direction you would like to display. More Info / Demo


Simple CSS Tooltip

* 2 different skins available * Light weight * Cross browser compatible * Pure HTML / CSS More Info / Demo


8 HTML CSS Image Galleries

Here we posted some HTML CSS Image galleries for website gallery page. All image galleries are build with pure HTML CSS / CSS3. Instead of using JavaScript, jQuery image galleries you can try these CSS image galleries for your website gallery pages. If you use bootstrap framework, try these bootstrap responsive image gallery Pure CSS Image Gallery


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