Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save 0632347878/2fb699be63ce0c31d330ababd17410f7 to your computer and use it in GitHub Desktop.
Save 0632347878/2fb699be63ce0c31d330ababd17410f7 to your computer and use it in GitHub Desktop.
Tringle on tringle arrow
&:after, &:before {
bottom: 100%;
left: 74%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
&:after {
content:" ";
border-color: rgba(0, 0, 0, 0);
border-bottom-color: white;
border-width: 20px;
margin-left: -20px;
z-index: 99;
}
&:before {
content:" ";
border-color: rgba(204, 204, 204, 0);
border-bottom-color: #6ab9e3;
border-width: 21px;
margin-left: -21px;
}
@0632347878
Copy link
Author

content: '' ;
display: block;
position: absolute;
left: 50%;
margin-left: -10px;
height: 0;
width: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 12px solid #fff;
transition: 0.25s ease-in-out;
bottom: 100%;
top: auto ;

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