Home > Code stuff > Miscellanea > 3D hover effect with CSS3

3D hover effect with CSS3

Code

An awesome 3D hover effect made up of only CSS3. Take a look at this snippet!

Posted on September 20, 2012November 16, 2012 in Code stuff, Miscellanea and tagged 3D, hover, thumbnails. This post has been viewed 2299 times.

Twitter
Facebook
Google
Pinterest

Ready to use Graphic Assets

Related Freebies

iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3.

April 6, 2014

iHover – CSS3 hover effects pack

Code

A set of simple stack effects on thumbnails created with CSS. Free snippet released by Codrops.

March 6, 2014

Simple stack effects with CSS

Code

Here is an experimental hover effect created with SVG and inspired to Google Glass. Coded by Zach.

January 16, 2014January 15, 2015

SVG hover effect

Code

Here is a tutorial for creating awesome hover effects with SVG. An article written by Codrops team.

January 8, 2014

Shape hover effects with SVG

Code

You should try this

Build Your Portfolio and Web Resume with Beetle Pro

Recent Freebies

Brisk Pro is a free sans serif font ideal for headlines and logotypes characterised by geometric shapes and rounded edges.

July 17, 2017

Brisk Pro: Free font

Font

$fractures: An atomic CSS toolkit for building websites$

fractures is a CSS toolkit providing a set of CSS utility classes that may be used for quick prototyping as well as for production.

July 11, 2017

fractures: An atomic CSS toolkit for building websites

Code

Agata Bielen is a fashion magazine template designed by Adrián Somoza. It is a PSD file made of 3 screens based on a Golden Ratio grid.

July 7, 2017

Agata Bielen: Free PSD magazine template

PSD

t-scroll is a reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page, is built in pure JavaScript and Sass.

July 2, 2017

t-scroll: A modern reveal-on-scroll JS library

Code

Wavehaus Sans is a free font family designed by Graham Paterson. The typeface comes in 6 weights (Thin, Light, Book, Semibold, Bold and Extra Bold).

June 27, 2017June 27, 2017

Wavehaus Sans: A free typeface in 6 weights

Font

A free set of smartphone clay mockups for showcasing apps and mobile website designs available in both Sketch and Photoshop file formats.

June 23, 2017

Free set of smartphone clay mockups for Sketch & Photoshop

PSD Sketch

Share this

Search Freebie

Envato