Skip to content

Instantly share code, notes, and snippets.

@tdmrhn

tdmrhn/blc-2-cpt-card-hover-background-transition-effect.css

Created March 25, 2024 22:27
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 tdmrhn/c2f57eb120816382ace980b4b9011fba to your computer and use it in GitHub Desktop.
Save tdmrhn/c2f57eb120816382ace980b4b9011fba to your computer and use it in GitHub Desktop.
Download ZIP
Blocksy Card Hover background transition from left
Raw
blc-2-cpt-card-hover-background-transition-effect.css
.entry-card.type-project {overflow: hidden; position: relative }
.entry-card.type-project::after { position: absolute; content: ""; top:0; left:-100%; width: 100%; height: 100%; background-color:var(--theme-palette-color-1); z-index: 1; transition: all 1s ease; }
.entry-card.type-project:hover::after { left: 0; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment