Skip to content

Instantly share code, notes, and snippets.

@zartgesotten
Created December 5, 2017 09:57
Show Gist options
  • Save zartgesotten/7c7a261272840a353e0c2fb82428f24d to your computer and use it in GitHub Desktop.
Save zartgesotten/7c7a261272840a353e0c2fb82428f24d to your computer and use it in GitHub Desktop.
li.kaeltetechnik a {
position:relative; overflow:hidden;
}
li.kaeltetechnik a::after{ content: '';
position: absolute;
top: -179%;
right: -87%;
bottom: 18%;
left: -173%;
background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 50%, rgba(229, 172, 142, 0));
transform: rotateZ(60deg) translate(-5em, 7.5em);
}
li.kaeltetechnik a:hover::after, li.kaeltetechnik a:focus::after {
animation: sheen 0.8s forwards;
}
@keyframes sheen {
100% {
transform: rotateZ(60deg) translate(1em, -9em);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment