Skip to content

Latest commit

 

History

History
44 lines (36 loc) · 870 Bytes

Properties on hover.md

File metadata and controls

44 lines (36 loc) · 870 Bytes
Raw

↪Collection

Properties on hover

cover:: 

/*
author: The Useful Walrus
source: https://discord.com/channels/686053708261228577/702656734631821413/1144209029464342538
*/

.metadata-properties-title {
  transition: 500ms;
  opacity: 0.2;
  pointer-events: none;
}
.metadata-container:hover .metadata-properties-title {
  opacity: 1;
  color: var(--text-accent);
  pointer-events: auto;
}

.metadata-content {
  transition: 200ms cubic-bezier(0.25, 1, 0.5, 1);
  opacity: 0;
  height: 0;
  margin-bottom: -1.8em;
  pointer-events: none;
}
.metadata-container:hover .metadata-content {
  opacity: 1;
  height: auto;
  margin-bottom: 0.5em;
  pointer-events: auto;
}