CSS Triangles
Trójkąty w css:
.arrow-up { width: 0; height: 0; font-size: 0; line-height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fedb03; } .arrow-up { width: 0; height: 0; border-style: solid; border-width: 0 17.5px 35px 17.5px; border-color: transparent transparent #d6eaf4 } .arrow-up-right { width: 0; height: 0; border-style: solid; border-width: 0 35px 35px 0; border-color: transparent #d6eaf4 transparent; } .arrow-down { width: 0; height: 0; font-size: 0; line-height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fedb03; } .arrow-right { width: 0; height: 0; font-size: 0; line-height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid #fedb03; } .arrow-left { width: 0; height: 0; font-size: 0; line-height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #fedb03; }
info: