How do I make this triangle before the numbers flap? Can you do this by manipulating the borders?
How do I make this triangle before the numbers flap? Can you do this by manipulating the borders?
Yes, and you need a separate element just for the arrow. For example, using a <div>
:
div {
width: 12px;
border: 6px solid transparent;
border-right: 6px solid #f4bb00;
}
<div></div>
Read this answer for details on how edge manipulation works to produce triangles.