Skip to content

Instantly share code, notes, and snippets.

@gdnwebmedia

gdnwebmedia/css animations - gdn websites.css

Created April 8, 2022 23:54
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 gdnwebmedia/530497ab5fa922e3f19348f563bd56ac to your computer and use it in GitHub Desktop.
Save gdnwebmedia/530497ab5fa922e3f19348f563bd56ac to your computer and use it in GitHub Desktop.
Download ZIP
Raw
css animations - gdn websites.css
: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