A simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption.
Best jQuery Image Hover Effect Plugins & Tutorials with Demo
WP ThumbFx – Responsive jQuery Thumbnail Effects
Enrich your website experience with WPThumbFx, a WordPress jQuery animation plugin that brings your images and content in your articles to life. Create unique animated effects effortlessly without any knowledge of jQuery. All effects are responsive and adapt perfectly for all device resolutions like mobiles, tablets and desktops.
CSS3 Simple Stack Effects
Today we’d like to share some inspiration for simple stack effects with you. You have certainly seen these kind of effects, mostly used in image galleries, but also on single items on a page: one item is shown initially and then, with some trigger, more items are revealed, normally as decoration. One can imagine a couple of triggers for these effects: item hover, on load, on scroll and on click effects. When using some subtle, but creative moves, we can make some interesting effects that elevate a static design.
50mm : Full Screen Portfolio jQuery WordPress Plugin
50mm Portfolio, a WordPress plugin that shows your portfolio in an interactive way. You can display portfolio by category, choose if single is FULL SCREEN or regular. Additionally, the plugin supports: Custom image size (percent), Custom link, Video, SoundCloud, Metro UI item, Unlimited colors and much more.
Features:
- Fully responsive
- Video support
- SoundCloud support
- Custom link support
- Unlimited colors
- Smart hover color
- Initial load number
- Max Load more number
- Easy drag and drop admin
- Custom CSS support
- Activate/Deactivate FULL SCREEN single page
Creating a Border Animation Effect with SVG and CSS
Today we’d like to explore a very subtle, but interesting border animation effect that can be seen on the creative website of Carl Philipe Brenner. When you hover over one of the white portfolio items in the grid, you will see a subtle animation happening: the grid item becomes transparent and the border lines of each side animate clockwise, creating a really nice effect. In this case, the effect is done by animating the widths or heights of several spans with some JS. We’ll try a different approach that uses SVG and CSS transitions.
label.css : Just a simply easy way to label each element
label.css is just a simply easy way to label each element you want.Label.css supports both outside and inside positions as the label place. Use the class outside to put the label outside of the element and inside to put it inside. Outside label can goes to top or bottom. Inside mode supports these positions: top, bottom, middle, left and right just adding class with the same class name.
You can add hover effects to your label! Two effects fade and float are available. more effects can be added by you and your creativity!
DYSANIA – jQuery Responsive WordPress Grid Gallery Plugin
- Fully Responsive Layout
- Valid HTML5 – CSS3 – Jquery
- Unlimited Galleries and Filters: Unlimited gallery and filter menu can be added to any post or page
- Easy to use, user friendly admin panel
- Highly customizable! All colors, fonts, alignments, icons, hover animations can be changed from plugin settings
- Photo,video and link gallery item types are available
- 6 different colorbox style
- 1,2,3,4,5 column layout options
- Fits all themes
- Grid combination
- 4 different thumbnail resolution option
- Gallery shortcode generator
- Custom widget
- And much more…
