I made triangle from square and rotate it so I could use shadows rightly.
But unfortunately I faced with strange spaces inside my triangle in Firefox 48.0.2.
It works perfect in Chrome and IE.
Maybe someone has an expirience with that ? Why it does happened ? Does anyone know how to fix that ?
Thank you for your answers.
.item:after{
position: absolute;
content: "";
border: 39px solid black;
border-color: transparent transparent black black;
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.2);
transform: rotate(-135deg);
left:100px;
top:100px;
}
There is an example: https://jsfiddle.net/uqoh3o9s/11/
fa fa-caret-right
from Font Awesome? - fontawesome.io/icon/caret-right – Lee Oct 14 '16 at 13:08