FALLOUT 76 CSS SLUGGER PERK CARD

Author:

  • Jonno Witts
  • January 2, 2019

Made with:

  • HTML / CSS (SCSS) / JavaScript

About the code:

This is an amazing CSS Flip Card which is a recreation of a Fallout 76 perk card. Lots of bits have been used to create this Card i.e. conic gradient, various CSS shapes using overlaps (the stars), Google Fonts, animations, gradients with stops, and all rems for easy resizing at different device sizes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies: conic-gradient.js

Download Demo and Code