Skip to content

johnpeart/outline-card-stack

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Outline Card Stack

The Outline is a new website from Joshua Topolsky and a great crew of assembled minds. It's got a unique design language: it's a bit marmite, but I particularly love the 'stacks' dotted through the interface like these:

A screenshot of the stacks on the Outline

I wanted to learn how to recreate the same stacked cards effect using purely CSS3 and HTML markup, including how the cards fan outwards when hovered over by the user. So I created this to show how I'm doing it.

Check out the Github Pages site for a demo.

Compatability

Tested on:

  • Safari v.10.0.2, MacOS Sierra
  • Chrome v.55.0.2883.95, MacOS Sierra
  • Safari, iOS 10.0.2

About

A CSS experiment to recreate the card stacks featured on The Outline

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published