Arrows Using css styles
-
- 0
Right arrow
<div class=”arrow-right”> .arrow-right</div>
Left arrow
<div class=”arrow-left”> .arrow-right</div>
border-color: transparent #e0e0e0 transparent transparent;
border-style: solid;
border-width: 10px;
right: 0;
height: 0;
width: 0;
}
Down Arrow
<div class=”down-right”> .arrow-right</div>
border-color: #e0e0e0 transparent transparent transparent;
border-style: solid;
border-width: 10px;
height: 0;
width: 0;
Right arrow <div class=”arrow-right”> .arrow-right</div> .arrow-right{ border-color: transparent transparent transparent #d7e4ed; border-style: solid; border-width: 10px; height: 0; width: 0; } Left arrow <div class=”arrow-left”> .arrow-right</div> .arrow-left{ border-color: transparent #e0e0e0 transparent transparent; border-style: solid; border-width: 10px; right: 0; height: 0; width: 0; } Down Arrow <div class=”down-right”> .arrow-right</div> .down-right{ border-color: #e0e0e0 transparent transparent transparent; border-style: solid;…
Right arrow <div class=”arrow-right”> .arrow-right</div> .arrow-right{ border-color: transparent transparent transparent #d7e4ed; border-style: solid; border-width: 10px; height: 0; width: 0; } Left arrow <div class=”arrow-left”> .arrow-right</div> .arrow-left{ border-color: transparent #e0e0e0 transparent transparent; border-style: solid; border-width: 10px; right: 0; height: 0; width: 0; } Down Arrow <div class=”down-right”> .arrow-right</div> .down-right{ border-color: #e0e0e0 transparent transparent transparent; border-style: solid;…