Skip to content
Pure CSS arrow with border (tooltip)
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
index.html

README.md

#Pure CSS arrow with border (tooltip)

You probably know already how to shape a div into a triangle. If you're not familiar with this technique, read this.
I was discussing with a friend some time ago that this is a perfect solution to add an arrow on top of a popup for instance, but he kept saying that it's still impossible to add a border to the triangular div.

Well, with this technique it's really easy to achieve just that. It's a pure CSS solution.

See how it looks in this here.

You can’t perform that action at this time.