Effect Ideas for Card Stacks with CSS3

samuel Gallery 157 , , , ,

Today we’d like to share some inspiration for card effects with you. The idea is to animate the top element of a stack by clicking on an accept or reject button. We’ve used this Tinder-like example to show some symmetric and complementing pairs of effects, but these kind of animations can fit into many scenarios involving all kinds of card stacks that don’t necessarily have a dual logic.

Related Post

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Viavi CSS3 Button Hover Effect is pure HTML5/CSS3 flat buttons. Buttons has HTML5 structure and works on all major browsers. Read more

Probably you have noticed that ripple effect (known as ” ripple ” ) when you click any element in your Read more

A tutorial on how to create a Shazam-like button that morphs into a music player using Snap.svg. We’ll animate some Read more

Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide Read more

jfMagnify is a jQuery plugin that creates a magnify glass effect. This plugin will magnify html content, not just images. Read more

MagnifierRentgen is a simple, lightweight, responsive magnifier hover plugin. (magnifying glass effect)