Skip to content

Instantly share code, notes, and snippets.

@gdnwebmedia
Created April 8, 2022 23:54
Show Gist options
  • Save gdnwebmedia/530497ab5fa922e3f19348f563bd56ac to your computer and use it in GitHub Desktop.
Save gdnwebmedia/530497ab5fa922e3f19348f563bd56ac to your computer and use it in GitHub Desktop.
:root {
--transition-n: 0.4s;
}
.an-hover-scale {
transition-duration: var(--transition-n);
}
.an-hover-scale:hover {
transform: scale(1.05,1.05);
transition-duration: var(--transition-n);
}
.an-hover-move-up {
transition-duration: var(--transition-n);
}
.an-hover-move-up:hover {
transform: translateY(-10px);
transition-duration: var(--transition-n);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment