Skip to content

Instantly share code, notes, and snippets.

Created Jun 22, 2021
What would you like to do?
body {
margin: 0;
height: 100vh;
background-color: #fbfbfb;
display: flex;
justify-content: center;
align-items: center;
gap: 4em;
div {
width: 100px;
height: 100px;
display: grid;
place-items: center;
background-image: linear-gradient(yellow, orange);
font-family: system-ui;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
.image {
cursor: url(""),
.svg {
cursor: url("data:image/svg+xml;utf8,<svg xmlns='' width='40' height='40' viewport='0 0 100 100' style='fill:black;font-size:22px;'><text y='50%'>🐧</text></svg>"),
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment