deals

premiumpacks & css hover (86 items)

Give your social interactive elements an attractive appearance by applying CSS hover and animation effects to them.

freebies

A highlight text effect created using pure CSS. It is simple, yet stylish enough to improve the reading experience without obstructing or distracti...

A highlight text effect created using pure CSS. It is simple, yet stylish enough to improve the reading experience without obstructing or distracting the readers. Created by CodePen user Shelaine Roustio.

A long list of pure CSS effects that can be used on buttons, text or any hoverable element. The CSS effects are pre-compiled through Sass, showcase...

A long list of pure CSS effects that can be used on buttons, text or any hoverable element. The CSS effects are pre-compiled through Sass, showcased with buttons structured in HTML via PUG. Created by CodePen user strafeOK

A menu section with a cool on hover animation for each option and a toggle status activated on click. It uses Stylus CSS as preprocessor and JavaSc...

A menu section with a cool on hover animation for each option and a toggle status activated on click. It uses Stylus CSS as preprocessor and JavaScript compiled through Babel.js. Created by CodePen user Adrián Guerrero González.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

Lifetime 3TB Secure Cloud Backup Storage For All Your PCs, iOS Or Android Devices, 100% Secure Zero Knowledge & Cross-Continent Storage Replication.

A 3D isometric element that transforms into a flat element when on hover. It is perfect for showcasing images, cards and in general any element wit...

A 3D isometric element that transforms into a flat element when on hover. It is perfect for showcasing images, cards and in general any element with a flat structure. It uses SCSS as a precompiler but it's pure CSS in the essence that doesn't use any JS flavor. Created by CodePen user Eduardo Bouças.

4 tariff cards in an isometrical view with a flip animation effect. The cards use stylus CSS with material colors, shades and a slightly satin touc...

4 tariff cards in an isometrical view with a flip animation effect. The cards use stylus CSS with material colors, shades and a slightly satin touch that gives them a feeling of deepness and spatial location, perfectly encompassed with the smooth motion generated when on-hover. Created by CodePen user Andreas Storm.

A set of underline CSS text effects that on hover animates and exposes different highlight styles for text sections in a smooth linear motion. The ...

A set of underline CSS text effects that on hover animates and exposes different highlight styles for text sections in a smooth linear motion. The effects are coded in SCSS and structured in a simple HTML layout. Created by CodePen user @cecilehabran.

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video prod...

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video production to web design and presentations! Only $19!

What you got here is a CSS mask effect that on hover, the mask is animated with a gooey flowing effect. It's built with Sass SCSS preprocessor and ...

What you got here is a CSS mask effect that on hover, the mask is animated with a gooey flowing effect. It's built with Sass SCSS preprocessor and mainly uses SVG properties. Created by Codepen user Irem Lopsum. 

A snippet by Codepen user Olivia featuring beautifully animated Moleskine notebooks made in pure CSS. When hovered over, the notebooks animate by t...

A snippet by Codepen user Olivia featuring beautifully animated Moleskine notebooks made in pure CSS. When hovered over, the notebooks animate by tilting sideways and opening up. There are 4 variations: plain, ruled, dotted, and squared, featuring different color schemes.

 Awesome image transition effect triggered when hovering over the photo, created in pure CSS by Codepen user Callum Macrae.

 Awesome image transition effect triggered when hovering over the photo, created in pure CSS by Codepen user Callum Macrae.

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustra...

200 Vector T-Shirt & Merchandise Designs, Only $24: Commercial License, Ai, EPS & SVG Vectors Files, 14 Concept Categories Like Retro 8Bit Illustrations, Characters, Cartoons & More

Great looking pure CSS animation triggered by hovering over the button, this colorful snippet by codepen user Cassidy Williams can be used for many...

Great looking pure CSS animation triggered by hovering over the button, this colorful snippet by codepen user Cassidy Williams can be used for many purposes, like website/app loading animations, button selection, etc.

Javascript code snippet that creates a highlighting effect when you hover on links, the effect then follows the cursor, highlighting the links as y...

Javascript code snippet that creates a highlighting effect when you hover on links, the effect then follows the cursor, highlighting the links as you go.

A sleek and clean CSS card hover effect pack, really nice to use in your content cards.

A sleek and clean CSS card hover effect pack, really nice to use in your content cards.

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graph...

31 Packs in 1 Huge Bundle: 200+ Low Poly 3D People Models, 3DS, OBJ, FBX, STL File Formats for VR, AR, Architectural Visualization, and Scale Graphics Projects! Only 29$ (82% Off)

A cool button effect made in pure CSS resembling an atom when hovered over. The button can be implemented easily, using just a few lines of CSS. Ad...

A cool button effect made in pure CSS resembling an atom when hovered over. The button can be implemented easily, using just a few lines of CSS. Add a simple link to the div and you have a functional button for your site or app.

A tilt effect that's achieved using only CSS. This effect is becoming popular fo web applications and apps rapidly and it's usually achieved using ...

A tilt effect that's achieved using only CSS. This effect is becoming popular fo web applications and apps rapidly and it's usually achieved using jQuery or JavaScript. However, this version does not require any of them, making the page load time decrease considerably.

A card with a cool effect made in a material style in CSS. When hovered, the card activates the transition, making it completely dark, highlighting...

A card with a cool effect made in a material style in CSS. When hovered, the card activates the transition, making it completely dark, highlighting the texts and the buttons.

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter ...

370+ Magazine Pages, 70 Brochure Pages from 16 Professional Editorial Templates for Adobe InDesign. IDML & INDD Format, A4 210 x 297 mm, US Letter (8.5 x 11 inches). Only 19$! (93%Off).

A code snippet with a set of interactive floating panels that look and behave like sheets of paper when you hover over them. The snippet was made u...

A code snippet with a set of interactive floating panels that look and behave like sheets of paper when you hover over them. The snippet was made using JavaScript and CSS.

A cool effect for a set of cards with a flipping hover effect achieved using pure CSS. It can be used in different elements like sliders and pricin...

A cool effect for a set of cards with a flipping hover effect achieved using pure CSS. It can be used in different elements like sliders and pricing tables, giving them a better look.

A cool title screen that changes when you hover over it. It uses CSS and jQuery, and can be used on any website as a cool design element to apply t...

A cool title screen that changes when you hover over it. It uses CSS and jQuery, and can be used on any website as a cool design element to apply to links and generate more engagement.

270+ Fonts Different Families Styles & Weights Normally priced $988 Only 19! (98% OFF)

270+ Fonts Different Families Styles & Weights Normally priced $988 Only 19! (98% OFF)

This a CSS animation effect for hovering over images. It comes with four different options for the content shown on hover. It is customizable and e...

This a CSS animation effect for hovering over images. It comes with four different options for the content shown on hover. It is customizable and easy to preview and copy to use on other sites.

Wenk is a Lightweight tooltip written in pure CSS using PostCSS. The minified version is 712 bytes when gzipped. It can easily be styled using data...

Wenk is a Lightweight tooltip written in pure CSS using PostCSS. The minified version is 712 bytes when gzipped. It can easily be styled using data attributes or classes. The tooltip will adjust to fit the content.

Hover.css is a great little CSS library that adds hover effects to your HTML links and buttons. This tutorial will bring you the basics to input ne...

Hover.css is a great little CSS library that adds hover effects to your HTML links and buttons. This tutorial will bring you the basics to input neat hover effects on buttons and more.

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shop...

Lifetime Access to ViVAThemes Entire WordPress Themes Collection, Includes Unrestricted Access to All 29 Professional Design Themes for Online Shops with WooCommerce Integration, Portfolios, Startups, & Business Sites PLUS All Future Releases, Theme Updates, & Support. Only $29! (71% Off!)

A showcase of different button's hover effects within an HTML & CSS codification, 5 different and smart effects made using transformations, rotatio...

A showcase of different button's hover effects within an HTML & CSS codification, 5 different and smart effects made using transformations, rotations and transitions.

This snippet generates an unusual hover effect that gives the text a unique look. Crafted in pure CSS the perspective effect is created by rotating...

This snippet generates an unusual hover effect that gives the text a unique look. Crafted in pure CSS the perspective effect is created by rotating the text in certain degrees and make it scroll upwards.

A CSS menu attached to the left side of the screen (beautifully designed and simple to use). The buttons show a label effect when they are hovered ...

A CSS menu attached to the left side of the screen (beautifully designed and simple to use). The buttons show a label effect when they are hovered over, and you can use it on mobiles and desktops. It uses Font Awesome Icons, the open font Lato (via Google Fonts) and CSS3 transitions.

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includ...

720+ Lightroom Presets + 690+ Photoshop Actions from 17 Collections, Compatible with Adobe CS4, CS5, CS6, and CC, Fully Adjustable Settings, Includes Extended License and Complete Documentation. Only $19 (95% Off)

A set of buttons made in pure CSS. They are flat, but the flipping effect they have makes them look like they were 3D. The code, created by Josh Sh...

A set of buttons made in pure CSS. They are flat, but the flipping effect they have makes them look like they were 3D. The code, created by Josh Shor is really simple, does not take to much space and it's easy to modify. Use this for personal and client projects.

A cool hexagonal grid for image and text made in CSS and HTML. The grid shows images by default but once you hover over it reveals the text, with e...

A cool hexagonal grid for image and text made in CSS and HTML. The grid shows images by default but once you hover over it reveals the text, with enough space for a short title on small screens and a title with description in bigger screens. A pen created by codepen user web-tiki.

Quite a creative grid gallery that features its images in turned away jigsaw puzzle pieces that come into place as you hover over them composing th...

Quite a creative grid gallery that features its images in turned away jigsaw puzzle pieces that come into place as you hover over them composing the image.

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 ...

1380 Animal themed icons delivered in 7 different design styles: from the trendy Material or Flat Styles to Iconshock's unique creations. Only $19 for a limited time.

A CSS library featuring an easy implementation of hover effects on images, showcasing over 40 effects from a CSS library that you can preview live ...

A CSS library featuring an easy implementation of hover effects on images, showcasing over 40 effects from a CSS library that you can preview live on their website, and the best the file weighs only 19KB.

A simple profile card showcasing a flip effect on the round main picture towards an avatar that can be a flat picture too, or an animated one as It...

A simple profile card showcasing a flip effect on the round main picture towards an avatar that can be a flat picture too, or an animated one as It is shown in this example.

CSS and JavaScript resource to make links, buttons and even plain texts stick to your mouse. You can modify horizontal stickiness, vertical stickin...

CSS and JavaScript resource to make links, buttons and even plain texts stick to your mouse. You can modify horizontal stickiness, vertical stickiness and duration with control bars.

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for ma...

1840+ Massive Vector Engraving Style Illustrations Pack, 24 Categories, Ai & EPS Vector Formats, PNGs With Transparent Backgrounds. Perfect for making logos and branding projects, stationery, apparel design, and much more! Only $29!

A set of 3 nice outline animations for boxes crafted with pure CSS featuring an underlining, a wiggled bottom line box, and a transition to a marke...

A set of 3 nice outline animations for boxes crafted with pure CSS featuring an underlining, a wiggled bottom line box, and a transition to a marked checkbox.

This beautiful text effect was created using CSS and nothing else. If you hover over the static text that appears, letter by letter start falling i...

This beautiful text effect was created using CSS and nothing else. If you hover over the static text that appears, letter by letter start falling into position. The effect looks awesome on links and other types of texts you wanna draw attention to. Use the code for your personal and commercial projects.

Basic and smooth 3D hover effect made with CSS and a little bit of JS, a direction sensitive cube that flips from the direction of the cursor to th...

Basic and smooth 3D hover effect made with CSS and a little bit of JS, a direction sensitive cube that flips from the direction of the cursor to the center.

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects fo...

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects for Illustrator & Photoshop, As Well As Paper Textures & Mockups Included, Get This Bundle For Just $14! (95% Off)

A CSS snippet that recreates physical folder tabs that slide horizontally along with a whole page for content showcasing as you hover over each of ...

A CSS snippet that recreates physical folder tabs that slide horizontally along with a whole page for content showcasing as you hover over each of the tabs.

A plugin for jQuery that allows you to create CSS filters from HTML classes. You can activate the filters on hover events and control the contrast,...

A plugin for jQuery that allows you to create CSS filters from HTML classes. You can activate the filters on hover events and control the contrast, saturation, drop shadow, and more.

A set of icons featuring two different effects that make them seem like they've been crafted in a 8-bit grid. The transitions of the effects are st...

A set of icons featuring two different effects that make them seem like they've been crafted in a 8-bit grid. The transitions of the effects are stunning.

Stock Animation Assets Bundle, Over 250 Pre-Animated & Ready To Use Elements in Full HD. Without Prior Experience, You Can Create Beautiful Video A...

Stock Animation Assets Bundle, Over 250 Pre-Animated & Ready To Use Elements in Full HD. Without Prior Experience, You Can Create Beautiful Video Animations for eCommerce, Education, Business, Tutorials, & Much More, Only $29 (98% Off)

A gallery with a variety of bootstrap hover image effects that can give your website the style you want. This gallery has effects with different tr...

A gallery with a variety of bootstrap hover image effects that can give your website the style you want. This gallery has effects with different transitions like zoom in zoom out, expanding, lens effect, bouncing and more that can fit into your project.

A very appealing and fully customizable HTML and CSS animated ID card that initially is shown as a round photo and when you hover over, it pops ope...

A very appealing and fully customizable HTML and CSS animated ID card that initially is shown as a round photo and when you hover over, it pops open to a vertical identification card in a bouncy transition. Created by George Darkos.

A code snippet displaying a tile hover effect made in pure CSS. When you hover over the tiles, it appears a dark semi-transparent box with text tha...

A code snippet displaying a tile hover effect made in pure CSS. When you hover over the tiles, it appears a dark semi-transparent box with text that can be modified to match your website. Images can be easily changed as well. The snippet can be used freely and was created by Chris Deacy.

Supercharge your workflow with hundreds of UI Elements, Responsive Layouts, Web UI Components, & Templates for prototyping apps, websites, and ...

Supercharge your workflow with hundreds of UI Elements, Responsive Layouts, Web UI Components, & Templates for prototyping apps, websites, and web apps from 16 awesome products for Sketch & Photoshop at a crazy 95% off. This bundle includes $667 worth of goodies which for a limited time you can get for just $29

A collection of various CSS hover effects for texts and links. The effects are really simple and they have been inspired by a Codrops article. Ther...

A collection of various CSS hover effects for texts and links. The effects are really simple and they have been inspired by a Codrops article. There are 15 effects here, you can choose the one that adapts to your site. The code can be used personally and commercially.

A set of buttons in CSS and HTML including 10 different states like center-out, left to right, top to bottom, skew fill, flexible grow, scale, radi...

A set of buttons in CSS and HTML including 10 different states like center-out, left to right, top to bottom, skew fill, flexible grow, scale, radius, inner and outer shadows. The code is really lightweight, and you can easily implement and style each button to fit your needs.

A collection of several hover effects applied to texts, creating different styles and experimenting with a good number of fonts. These styles can b...

A collection of several hover effects applied to texts, creating different styles and experimenting with a good number of fonts. These styles can be applied to any website or app; the CSS code is easily modifiable and it is free.

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairst...

Cartoon Avatars Creator Pack With Over 1800 Vector Elements To Compose Unique Looking Characters With Their Own Facial Expressions, Outfits, Hairstyles, And Much More! Endless Combinations, Only $19! (34% Off)

A nice animated CSS menu icon with a hover effect that allows it to change its shape. First it is a hamburger menu icon, when hovered over it becom...

A nice animated CSS menu icon with a hover effect that allows it to change its shape. First it is a hamburger menu icon, when hovered over it becomes an animated atom and when clicked and held it turns into a cross icon for closing. The snippet is simple, made by Alex Coven.

A simple accordion made in CSS with the capability to adapt to any screen size. It uses the images as backgrounds and implements nice hover effects...

A simple accordion made in CSS with the capability to adapt to any screen size. It uses the images as backgrounds and implements nice hover effects. You can use it on any project for free. Created by Michael Ferry.

A compelling questionnaire made in pure CSS with hover effects and a material design. It consists of a medium-size widget with a featured area that...

A compelling questionnaire made in pure CSS with hover effects and a material design. It consists of a medium-size widget with a featured area that changes when you select an item of the menu. It is a free snippet, easy to implement in any project and created by Nikolay Talanov.

$1140 Worth of Vector T-shirt Designs for Just $29 (97% Off on 100 Designs)

$1140 Worth of Vector T-shirt Designs for Just $29 (97% Off on 100 Designs)

A set of ten hover effects for multiple purposes. The effects included are scanning, piano, burn, movement, comet, bent, bridge, wrecked and beat. ...

A set of ten hover effects for multiple purposes. The effects included are scanning, piano, burn, movement, comet, bent, bridge, wrecked and beat. It's a free code snippet, ready for implementation and created by Renan C. Araujo.

These are a set of gorgeous social buttons made in CSS with a material design appearance. When hovered over, they show the effect, perfect for rece...

These are a set of gorgeous social buttons made in CSS with a material design appearance. When hovered over, they show the effect, perfect for recent types of websites, and the buttons included are for Facebook, Twitter, Google+, Dribbble and skype, although you can add any social network since it uses FontAwesome icons.

A set of bubbly faces made in CSS that can be used to create a menu. These faces blink randomly and they move when the user hovers over one bubbly ...

A set of bubbly faces made in CSS that can be used to create a menu. These faces blink randomly and they move when the user hovers over one bubbly face. It was created by Codepen user Yurippe.

Lifetime (No monthly fees) Password Manager and Form Filler, Save time and Boost the Safety of your Passwords with Military-Grade Encryption, Only ...

Lifetime (No monthly fees) Password Manager and Form Filler, Save time and Boost the Safety of your Passwords with Military-Grade Encryption, Only for $29 USD! (80% OFF)

A CSS and JavaScript text effects that resemble jelly. It is a lightweight creation that also has a reflection. It can be implemented as a decorati...

A CSS and JavaScript text effects that resemble jelly. It is a lightweight creation that also has a reflection. It can be implemented as a decorative element in any website or mobile app. It was created by Mauricio Allende.

A beautiful logo that explodes when you hover over it, made in CSS and JavaScript. It can be used in digital presentations and other public events ...

A beautiful logo that explodes when you hover over it, made in CSS and JavaScript. It can be used in digital presentations and other public events as a decorative element that baffles your audience. It was created by Nicholas Cerminara.

Hobert Hovers is a set of hover effects made in CSS. The featured animations are all using SCSS, including left-to-right animations, right-to-left,...

Hobert Hovers is a set of hover effects made in CSS. The featured animations are all using SCSS, including left-to-right animations, right-to-left, fade slide from top, fade slide from bottom, fade in and out, fade and fill and flip to uncover. It was created by Martin Hobert.

Get 2TB of Lifetime Cloud Storing One Single Payment, no monthly fees and Military Grade File Security normally priced $3600 only 49$, you can als...

Get 2TB of Lifetime Cloud Storing One Single Payment, no monthly fees and Military Grade File Security normally priced $3600 only 49$, you can also get the 1TB package worth $1800 just for $29.

A set of hover effects for buttons, logos, SVG elements and links made in CSS3. You can modify them easily, and take advantage of its availability ...

A set of hover effects for buttons, logos, SVG elements and links made in CSS3. You can modify them easily, and take advantage of its availability in CSS, Sass, and LESS. It is an open source creation licensed under MIT and it was created by Ian Lunn.

A business card made with pure CSS transitions that animates when you hover over. At first, it shows the logo and the basic information (name and o...

A business card made with pure CSS transitions that animates when you hover over. At first, it shows the logo and the basic information (name and occupation). When hovered over, the card displays the social and contact information, like phone number, website and Twitter account. It was made by M. Alex Junaedi.

A cool effect for zooming content, especially when it's in a gallery. The magic of this snippet relies in its smooth hover effect, which lets the h...

A cool effect for zooming content, especially when it's in a gallery. The magic of this snippet relies in its smooth hover effect, which lets the hovered image flow through the container (thanks to the movement of the mouse). This is an easy to use snippet, made with CSS and JavaScript by Codepen's user Marco Barría.

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use ...

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use License.

A simple CSS and jQuery snippet for creating a hover effect. It has the quality of identifying what element is hovered over next and that way it go...

A simple CSS and jQuery snippet for creating a hover effect. It has the quality of identifying what element is hovered over next and that way it goes towards that direction (only up, down, left and right); this makes this hover effect kind of intuitive, although it is just a mind trick. It can be uses, modified and implemented freely.

A useful code snippet that shows us how to make a scale effect when we hover over the image. This code snippet not only shows the scaling, but it a...

A useful code snippet that shows us how to make a scale effect when we hover over the image. This code snippet not only shows the scaling, but it adds another layer with a simple caption. It has been created with HTML and CSS. This code snippet was created by Larry Geams, who also designed the images you see within.

A set of rollover states entirely created in CSS. They are composed of triangular menus that activate different effects when hovered over. It inclu...

A set of rollover states entirely created in CSS. They are composed of triangular menus that activate different effects when hovered over. It includes logo reveal, grow regular and opposite, rotate right and left, and grow rotate. This code snippet was created by Andy Fought, who uploaded to Codepen.

2400+ Vector Vintage Engraving Illustrations, Only $19! 21 Categories, EPS Vector Formats, Transparent PNGs. Extended License!

2400+ Vector Vintage Engraving Illustrations, Only $19! 21 Categories, EPS Vector Formats, Transparent PNGs. Extended License!

An excellent CSS menu created by Wagner Moschini with the appearance of stacked boxes. We can include it into our websites to make them more beauti...

An excellent CSS menu created by Wagner Moschini with the appearance of stacked boxes. We can include it into our websites to make them more beautiful and striking, making it the main menu of a website, with the idea to drive users' attention to it.

A plugin made with jQuery that allows you to make a good number of creative link effects. By using pseudo-elements, we can add wonderfully animated...

A plugin made with jQuery that allows you to make a good number of creative link effects. By using pseudo-elements, we can add wonderfully animated transitions on hover, click or even as initial animations. The effects come in all sorts and shapes, so you’re bound to find one that suits your needs and looks amazing.

A CSS snippet to create clean, classy hover effects for your icons using CSS transitions and animations. The results are quite different from each ...

A CSS snippet to create clean, classy hover effects for your icons using CSS transitions and animations. The results are quite different from each other, including highlights, slide animations in all directions, rotations, fades and much more.

100+ T-Shirt Designs, Only $9: High Quality EPS Files. Unique Illustrations For Print Products. Commercial Use

100+ T-Shirt Designs, Only $9: High Quality EPS Files. Unique Illustrations For Print Products. Commercial Use

A pack of effects made in CSS that demonstrates how to create slick thumbnail hover effects with amazing CSS3 animated transitions. When moving the...

A pack of effects made in CSS that demonstrates how to create slick thumbnail hover effects with amazing CSS3 animated transitions. When moving the mouse over the images, an animation will reveal a text about them and a link for further information. There’s a good amount of examples in here, a perfect starting point for even more designs of your own!

A jQuery and CSS plugin that allows you creating a plugin that ensures the element can only be hovered over and clicked inside the circular area. I...

A jQuery and CSS plugin that allows you creating a plugin that ensures the element can only be hovered over and clicked inside the circular area. It plays with the circular element with the border-radius property, in which is common to see that the active area of that element does not match its shape, since it has stayed as a square.

A stylish thumbnail proximity effect made with jQuery and CSS3, that scales the images when hovering over them. The cool part is that not only the ...

A stylish thumbnail proximity effect made with jQuery and CSS3, that scales the images when hovering over them. The cool part is that not only the selected image is enlarged, but also the ones close to it relative to their distance, giving a smooth result.

80 Bootstrap 4 Website Blueprints, Only $14! Native Bootstrap 4 Code, Clean HTML, Extended Commercial License

80 Bootstrap 4 Website Blueprints, Only $14! Native Bootstrap 4 Code, Clean HTML, Extended Commercial License

A set of CSS transitions for creating interesting hover effects on circles with CSS transitions and 3D rotations. You will be able to experiment wi...

A set of CSS transitions for creating interesting hover effects on circles with CSS transitions and 3D rotations. You will be able to experiment with hover effects applied to circles and try different uses for them, such as the creation of circular thumbnails.

A CSS icon grid created by Mary Lou that adapts and rearranges its columns depending on the size of the screen. The grid can be customized by apply...

A CSS icon grid created by Mary Lou that adapts and rearranges its columns depending on the size of the screen. The grid can be customized by applying hover and/or click transitions and animations which will give it a polished look.

A responsive list organized as a grid with multiple elements on the same line made with jQuery and CSS. When hovering on top of the elements, they ...

A responsive list organized as a grid with multiple elements on the same line made with jQuery and CSS. When hovering on top of the elements, they flip with a fancy animation and light up in different colors. Once we click the element, it takes the whole space on top of the others by sliding in from the side.

130 Premium Bootstrap Website Templates, Only $17! Tons of Styled & Unstyled Bootstrap v3 & v4 Templates/Theme Skins (LESS/CSS/SASS), HTML5 templat...

130 Premium Bootstrap Website Templates, Only $17! Tons of Styled & Unstyled Bootstrap v3 & v4 Templates/Theme Skins (LESS/CSS/SASS), HTML5 templates in Flat and Material Design Templates, Bootstrap 4 Design System Built On Sass & GulpJS Technologies. Extended License For Unrestricted Use! (99% Off)

A centered group of colorful icons with smooth slide animations made in CSS. It features mouseover effects for big screens and focus effects for sm...

A centered group of colorful icons with smooth slide animations made in CSS. It features mouseover effects for big screens and focus effects for smaller devices. As a fun little detail, an extra menu can be seen after entering the famous Konami code.

A stereoscopic 3D effect with CSS3 only. The author was just created playing around but then realized it actually works. Basically you just need on...

A stereoscopic 3D effect with CSS3 only. The author was just created playing around but then realized it actually works. Basically you just need one line of CSS. A text-shadow with a red and cyan offset and the trick is to use “em"s for the text-shadows. That way, if you change the font-size, the text-shadows change in the same proportion.

LukyVj from CSSDeck has decided to apply a recently-found effect to this full-screen loader, with neat results. It shows three screens in total: A ...

LukyVj from CSSDeck has decided to apply a recently-found effect to this full-screen loader, with neat results. It shows three screens in total: A simple "download" button with a white background when inactive, switching to black on hover. Finally, when clicking on it, a spiralling couple of glowing arrows signify the start of the download.

2000+ Ultra HD Food Stock Photos, Only $14! Resolution 6000x4000, 19 Content Categories, Commercial License.

2000+ Ultra HD Food Stock Photos, Only $14! Resolution 6000x4000, 19 Content Categories, Commercial License.

A wonderful interactive shadow effect that can spread to huge proportions, taking the whole screen. The mouse works the magic: Left and right movem...

A wonderful interactive shadow effect that can spread to huge proportions, taking the whole screen. The mouse works the magic: Left and right movements control the shadow size, which can go all the way to the frame of the page. Up and down movement manages the vertical position of the shadow.

A sleek menu by CSS Deck user José Barcelon-Godfrey. He provides a nicely designed menu with smooth hover animations that show a description of the...

A sleek menu by CSS Deck user José Barcelon-Godfrey. He provides a nicely designed menu with smooth hover animations that show a description of the option we are highlighting along with a pretty background picture. Webkit browsers are recommended in order to get the most out of this tool.

A project that provides a way to apply awesome effects to a piece of text. When hovering on the sentence, it moves forward and separates from the b...

A project that provides a way to apply awesome effects to a piece of text. When hovering on the sentence, it moves forward and separates from the background, with a shadow accentuating the illusion. Also, the letters gain a 3D appearance, which gives them more presence.

690+ Isometric Elements Bundle, Only $19! Objects, Buildings & Characters In EPS & SVG Vectors, 30 Categories, Commercial License For Print & Web P...

690+ Isometric Elements Bundle, Only $19! Objects, Buildings & Characters In EPS & SVG Vectors, 30 Categories, Commercial License For Print & Web Projects.

A fantastic accordion styled with pure CSS. It expands and collapses its sections by just hovering the mouse over them, showcasing a smooth animati...

A fantastic accordion styled with pure CSS. It expands and collapses its sections by just hovering the mouse over them, showcasing a smooth animation in the process. Also, it goes back to its original state right after moving the cursor away. Uploaded by CodePen's Cory.

A super original set of seven different hover effects, all applied to regular text (which could be displayed inside your usual blog entry, for exam...

A super original set of seven different hover effects, all applied to regular text (which could be displayed inside your usual blog entry, for example). They include blurs, cloning, underlines and much more, all styled with the power of CSS. Uploaded to CodePen by Mateusz Kocz.

A visually attractive experiment that makes full use of CSS to display a piece of text and apply a blurring effect plus an animated line going belo...

A visually attractive experiment that makes full use of CSS to display a piece of text and apply a blurring effect plus an animated line going below it at the same time. Bring the mouse back to view the text again in normal circumstances. Uploaded by CodePen user Monkey Raptor.

181 Trendy Instagram Post & Stories Bundle, Only $19: Fully Layered & Editable PSD Files, Cool Grid Layouts, Easy Export, Well Documented

181 Trendy Instagram Post & Stories Bundle, Only $19: Fully Layered & Editable PSD Files, Cool Grid Layouts, Easy Export, Well Documented

A nice jQuery and CSS plugin made by Mary Lou from Codrops. It helps you create a menu formed by floating circles. One main element will display op...

A nice jQuery and CSS plugin made by Mary Lou from Codrops. It helps you create a menu formed by floating circles. One main element will display options that, when hovered, will have a smaller circle complementing the information. It is created using the jQuery.path plugin for the animations.

A useful and complete Codrops tutorial is going to explain you an amazing set of techniques used to create appealing hover effects on a set of imag...

A useful and complete Codrops tutorial is going to explain you an amazing set of techniques used to create appealing hover effects on a set of images. When touching the cursor, CSS 3D transforms are triggered, "bending" the image and revealing hidden information behind them.

This fantastic design provides a very stylish way to display pictures through a dropdown menu of circular thumbnails that activates when hovering o...

This fantastic design provides a very stylish way to display pictures through a dropdown menu of circular thumbnails that activates when hovering on the list icon on the bottom. It uses Sass with Compass to handle all the animation and overall operation of the snippet. Brought to life by CodePen user Alex Lime.

800+ Seamless Patterns, Only $12: PAT File Format For Adobe Photoshop, Unlimited Commercial Use

800+ Seamless Patterns, Only $12: PAT File Format For Adobe Photoshop, Unlimited Commercial Use

A truly impressive set of animated menus created with CSS3. We dispose of 10 examples with gorgeous transitions using blurs, slides, turns, zooms a...

A truly impressive set of animated menus created with CSS3. We dispose of 10 examples with gorgeous transitions using blurs, slides, turns, zooms and more, applied either alone or in combination. If you want to have a good looking site with awesome menus, you won't find many choices better than this.

A very cool menu created in CSS by Billy Crist from CodePen. All you need to do is hover over the main menu icon, this will trigger a beautiful and...

A very cool menu created in CSS by Billy Crist from CodePen. All you need to do is hover over the main menu icon, this will trigger a beautiful and smooth animation that displays all options available around the circle. Perfect for showcasing short or basic info in a tight space.

A set of icon fonts that also come with a tutorial for teaching you how to get the most out of icon fonts, which are an amazing way to ensure high-...

A set of icon fonts that also come with a tutorial for teaching you how to get the most out of icon fonts, which are an amazing way to ensure high-quality viewing on retina displays. Apart from using the font, the author applies a wonderful hover effect to the set.

FontFabric Bundle: 90+ Professional Fonts from 18 Font Families with Complete Character Sets, Latin & Cyrillic Scripts with Contextual Alternates, ...

FontFabric Bundle: 90+ Professional Fonts from 18 Font Families with Complete Character Sets, Latin & Cyrillic Scripts with Contextual Alternates, Italics, Condensed, Thin, Bold, and Black Weights & Styles, only $29 (98% Off!)

With this thorough article, TutorialZine's  Martin Angelov is going to teach you how to create a beautiful navigation menu using pure CSS3 and the ...

With this thorough article, TutorialZine's  Martin Angelov is going to teach you how to create a beautiful navigation menu using pure CSS3 and the Font Awesome icon font. The dropdown will also include neat animations that will show options when hovering on the large icons.

A code snippet with spinning logos, perfect to animate a website or a mobile app. On hover, the jQuery logo spins and fades out while the jQuery-ui...

A code snippet with spinning logos, perfect to animate a website or a mobile app. On hover, the jQuery logo spins and fades out while the jQuery-ui logo fades in. When you move your mouse out of the logo, it happens the same but in the opposite direction. You can edit the code to make it even more functional than the original.

A button is created in 3D by using the Webkit-perspective property (that only works in Webkit browsers, of course). Then, it uses the transition pr...

A button is created in 3D by using the Webkit-perspective property (that only works in Webkit browsers, of course). Then, it uses the transition property to trigger the transform animation when the button is hovered, which reveals the number of fans (that can be replaced by any other piece of information).

500 Unique Vector Mandala Designs, Only $14: Ai & EPS File Formats, Great For Print Designs. Commercial Use License

500 Unique Vector Mandala Designs, Only $14: Ai & EPS File Formats, Great For Print Designs. Commercial Use License

A fantastic bar intended to provide links for social networks through elegant hovering mechanics. When moving the cursor over it, the button opens ...

A fantastic bar intended to provide links for social networks through elegant hovering mechanics. When moving the cursor over it, the button opens up, revealing links to four different social services. It makes use of a few CSS properties such as box shadows, transitions and transforms.

A fantastic set of twelve different flip cards, each linking the user to a different social network (including  Twitter, Facebook, Google+, Dribbbl...

A fantastic set of twelve different flip cards, each linking the user to a different social network (including  Twitter, Facebook, Google+, Dribbble and many more). They are visually very appealing, featuring smooth hover animations that reveal the full-color versions of the icons. Uploaded to CodePen by Charlotte Dann.