🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. CSS Plugins
  3. 8 cards carrousel

8 cards carrousel

Occurred to me that rotate + translate + rotate should trivially define a carrousel. Idea is to animate rotation from 0 to 360degrees. Note the zIndex animation to change stack order + negative animation timing start to have all cards start at the same time without delay. No javascript. Moz/Chrome

Cards
Demo Tutorial

See the Pen by fstark (@fstark) on CodePen.

This awesome script developed by fstark. Visit their official repository for more information and follow for future updates.

You May Also Like

New Card. What do you think?

Flat Pricing Card

flippyCards

Switching stacked cards

Rotating Cards - CSS only

Blog Cards

Horizontal Scroll Cards | Ionic Framework

Card build with ReactJS & MobX

Material Design, Loading Card.

Person Card with animated details (CSS only)

User Profile Cards

Mr Doob's falling cards

Team User Card UI Design

Reveal Card Content on Hover

Credit Card - Pure CSS - Flat Design

8 cards carrousel

Clock card

CSS Only Profile Card ( Envato Codepen Remix )

Tickets Concept

Isotope Card Match Game

CSS 3D Card Deck

Simple Payment Form use Bootstrap

Birthday Card

Flash Cards

4 Column Responsive Card Layout

Material cards FlexBox

Angular Card / List View Toggle

Credit Card Form 1.0

Cards

SWAPI Cards

Day 23 - Interactive Wallet

Card with pop-up animation

AngularJS photo card with comments

[DGMD S-15] people page card

Expanding card

UX 5: Drop card

Credit Card CSS3 Animation

Credit card

Credit Card Form

Overwatch cards, three styles

Stacking Cards Animation

Nubank Credit Card

Credit Card (CSS+SVG)

Remix Challenge

Animated Cards

Invitation E-Card

Animated 3D Playing Card with Randomization

JavaScript Pairs Game

Vue Bio Card

3D flip business card

#CodepenChallenge Cards: Pick a Blog Post, any Blog Post

Material Card with Animated Featured Image

Trading Card

Stacked cards

Card UI - User Profile Card

SVG Credit Card Icons - Simplified

Profile Card (Work in progress)

Editable Draggable Material Cards

Hosted Fields: Card Form

Daily UI - 002 - Credit Card Form

Card

3D birthday card

Profile Card CSS

Bottom card navigation

Interactive Business Card

DailyUi#002 - Credit Card Checkout

Cards Fade in

Animated Card Logo

Credit Card

Material Card

jQuery Plugins

AngularJs Plugins