Skip to content

Instantly share code, notes, and snippets.

@michaelaguiar
Created January 22, 2019 22:00
Show Gist options
  • Save michaelaguiar/a3dca809a92d5427f26edce34419126e to your computer and use it in GitHub Desktop.
Save michaelaguiar/a3dca809a92d5427f26edce34419126e to your computer and use it in GitHub Desktop.
CSS Arrow on Select
background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
background-size: 5px 5px, 5px 5px, 1px 1.5em;
background-repeat: no-repeat;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment