Skip to content

Instantly share code, notes, and snippets.

@JakeSidSmith
Created November 11, 2016 13:05
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JakeSidSmith/83c324dbe7e4d91ee8c52525b1d504d9 to your computer and use it in GitHub Desktop.
Save JakeSidSmith/83c324dbe7e4d91ee8c52525b1d504d9 to your computer and use it in GitHub Desktop.
A drag icon made with pure CSS
// https://jsfiddle.net/7Ldmmrjd/2/
span {
display: inline-block;
width: 16px;
height: 8px;
}
span,
span::before {
background-image: radial-gradient(black 40%, transparent 40%);
background-size: 4px 4px;
background-position: 0 100%;
background-repeat: repeat-x;
}
span::before {
content: '';
display: block;
width: 100%;
height: 33%;
}
@FlavienR
Copy link

FlavienR commented Jun 16, 2020

Thanks, it works like a charm :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment