Skip to content

Instantly share code, notes, and snippets.

@JimmyMow
Created February 22, 2019 22:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JimmyMow/c960e2e97d2a82defc2abc01ca35abb7 to your computer and use it in GitHub Desktop.
Save JimmyMow/c960e2e97d2a82defc2abc01ca35abb7 to your computer and use it in GitHub Desktop.

Add to section element (card container)

background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(http://www.zap.jackmallers.com/assets/zap_logo-958aa8e….jpg);
width: 200px;
height: 300px;
border-radius: 40px;
position: relative;
background-repeat: no-repeat;
background-position: center center;

Add to footer

position: absolute;
bottom: -17.5px;
left: calc(50% - 17.5px);
border-radius: 50%;

Add to button

border-radius: 50%;
width: 35px;
height: 35px;
font-size: 15px;
background-image: linear-gradient(#ffb74b, #fd9800);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment