🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Lynda.com Style Flip-card Menu

I've always liked the lynda.com homepage with the flip-cards that point out their educational categories, so I wanted to figure out how to make one myself. This uses the Foundation framework for much of the style, and has a pure CSS flip-card menu.

Flip Card

Demo Tutorial

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

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

You May Also Like

Delivery Flip Cards

Custom HTML Element/ Login Form

Elegant Effect Flipping Card.

Flipped card use only CSS

Music player with hidden controls

CSS 3D Flipping Card Hover Effect

Flipping Card - Delightful Version

3D Flipping Card

Daily UI #002: Credit Card Checkout

Flip Card for Sanuk Sandals

Flip clock & countdown, Vue

Flip card hover

backface-visibility - flipping cards

Response for CSS-TRICKS forums

Hexagon Flip Card

Flip Card Login

CSS Flip-Card ver 0.1

Digital Business Card

Flip Card Animation

Personal Profile Flip Card

Fancy 3D flip card (on hover - CSS)

Metro Profile flip card

Pure CSS clickable flip cards

Daily UI #028 Contact Us

Responsive 3D Image Flip Card

flip card 3d CSS3

Responsive 3d flip card

CSS Flip Card (content with JS)

Ionic flip cards

Material Design Flip Card CSS3

Simple flip card CSS

CSS Business Card

Add to cart interaction

Figure Flip Card

Flipping Card (AngularJS)

Flip Card - CSS 3D Transform

React - Flip Cards Design

Card Flip Jquery

VueJS Flip Card

Bootstrap 4 - Flip cards

CSS3 Flip Card effect

3D Flipping Cards

Modular Flip Card

Flip Card Hover

Player Flip Cards

PureCss Flip Card

Flip card with JS

Social Flip Cards

Google Now Inspired Flip Cards

Flip - card memory game.

Lynda.com Style Flip-card Menu

Journalist Flip Card

Realistic 3D Image Flip Box, Flip Card, 3d Image hover, Kallyas WordPress Theme

jQuery Plugins

AngularJs Plugins