Skip to content

Instantly share code, notes, and snippets.

@danott
Created January 31, 2011 22:07
Show Gist options
  • Star 22 You must be signed in to star a gist
  • Fork 5 You must be signed in to fork a gist
  • Save danott/804935 to your computer and use it in GitHub Desktop.
Save danott/804935 to your computer and use it in GitHub Desktop.
Use CSS's :after pseudo-selector to insert hexadecimal values of html entities into the document. Less markup. More awesome.
/* Daniel Ott
* entities.css
* 31 January 2011
*
* Adding arrows to thinks makes them more clickable. Right?
* Use CSS's :after pseudo-selector to insert hexadecimal values
* of html entities into the document. Less markup. More awesome.
*/
.add-an-arrow:after {
content:'\00a0\25b8'; /*  ▸ in Hexadecimal */
}
/*-----------------------------------------------
A cheat sheet of entities I've used
-------------------------------------------------
Entity Hexcode Description
  \00a0 A space
◀ \25c0 Left arrow with no tail.
▸ \25b8 Right arrow with no tail.
▾ \25be Down arrow with no tail.
← \2190 Left arrow with a tail.
→ \2192 Right arrow with a tail.
-----------------------------------------------*/
@roobottom
Copy link

Lovely, thanks for this.

@mshindal
Copy link

Thanks so much.

@neilscott
Copy link

If you want an up arrow with no tail:

Entity Hexcode Description
▲ \25b4 Up arrow with no tail.

http://stackoverflow.com/questions/23230580/what-is-the-up-pointing-version-of-u25be

@apculbreth
Copy link

This is great. Exactly what I needed

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