Skip to content

Instantly share code, notes, and snippets.

@flexbox
Last active July 27, 2018 13:51
Show Gist options
  • Save flexbox/483c1aedf5ae6901d96294c34bf75712 to your computer and use it in GitHub Desktop.
Save flexbox/483c1aedf5ae6901d96294c34bf75712 to your computer and use it in GitHub Desktop.
.card {
width: 300px;
height: 225px;
position: relative;
overflow: hidden;
border-radius: 20px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
display: grid;
grid-template-rows: 1fr 1fr;
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
cursor: pointer;
}
.card:hover {
transform: scale(1.1, 1.1);
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);
}
.header-links {
max-width: 800px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(5, auto);
align-items: center;
justify-items: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment