Skip to content

Instantly share code, notes, and snippets.

@Plou

Plou/triangle.css

Last active July 28, 2024 03:09
Show Gist options
  • Save Plou/5774037 to your computer and use it in GitHub Desktop.
Save Plou/5774037 to your computer and use it in GitHub Desktop.
Download ZIP
CSS styles to create an arrow with borders on a pseudo element (work with any empty tag)
Raw
triangle.css
/* triangle down */
div::after {
content: ' ';
position: absolute;
left: 125px;
bottom: -10px;
border: 10px solid @color;
border-bottom: 0;
border-left-color: transparent;
border-right-color: transparent;
}
/* triangle down */
div::after { content: ""; position: absolute; left: 125px; bottom: -10px; border: 10px solid @color; border-bottom: 0; border-left-color: transparent; border-right-color: transparent;
}
@GNUGradyn
Copy link

this is great

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