Skip to content

Instantly share code, notes, and snippets.

@trumball
Created May 24, 2013 17:00
Show Gist options
  • Select an option

  • Save trumball/5644932 to your computer and use it in GitHub Desktop.

Select an option

Save trumball/5644932 to your computer and use it in GitHub Desktop.
Triangular List Bullets Believe it or not it is actually possible to generate triangle-shaped bullets solely in CSS3. This is a really cool technique which does look awesome in respected browsers. The only potential issue is a major lack of support for fallback methods.
ul {
margin: 0.75em 0;
padding: 0 1em;
list-style: none;
}
li:before {
content: "";
border-color: transparent #111;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 0.9em;
position: relative;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment