Today we’d like to share a little experiment based on a Dribbble shot by Bilal Mechairia’s, called “Spaces”. The idea is to show an interactive room with several items that all float in 3D space and move according to the position of the mouse. Once an item is clicked, more details pop up. Navigating between the room “slides” will rotate the different wall sections and add some interesting dynamic to the whole thing.
Best jQuery Image Hover Effect Plugins & Tutorials with Demo
Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.
jQuery Brazzers Carousel is a lightweight, responsive thumbnails hover carousel plugin for Blogs & Online Stores.
Simple card flip animation using jQuery and CSS3 animations.
- Apply CSS3 hover effects to the images on your website without any CSS coding knowledge.
- Assign any of predefined effects to featured images for standard and custom post formats.
- Create your own hover effects with unlimited variations of styles and colors in our Editor.
- Combine different effects to create unique animation hover effects.
- Apply fully customizable shortcode to any image in WordPress Post/Page Editor.
ShakeBorder is a plugin to create Shake and border effects on mouse hover with jQuery.
Create a cover of dvd, xbox, game or book with jQuery, CSS3, easily with a few lines of code.
iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
- Pure CSS!
- Sass CSS
- Modular code
- Bootstrap compatible (Bootstrap is not needed though)
- Well documented
Second part of small collection of 5 CSS animated Image Captions. This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy!
This super lightweight jQuery carousel which only moves left and right in relation to the mouse position inside it’s area.