Skip to content

Instantly share code, notes, and snippets.

@Nevraeka

Nevraeka/css-wishes.css

Created October 19, 2017 15:02
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 Nevraeka/77f5bc0d5539fed1b7bb2ffa15d4ca5e to your computer and use it in GitHub Desktop.
Save Nevraeka/77f5bc0d5539fed1b7bb2ffa15d4ca5e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
css-wishes.css
:root {
--translate-item: calc(50% - 20px);
}
.x-translate {
box-sizing: content-box;
padding: 8px;
width: 24px;
height: 24px;
background-color: rgba(0,0,0, .8);
color: #fff;
will-change: transform;
transform: translate3d(0, var(--translate-item), 0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment