css code geeft driehoek
.fp-controlArrow {
position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
Iemand idee hoe dat werkt ?
& translate3d(0,0,0) dat doet toch juist niets ??
Verder vormen de uiteindes van je borders (zie het als de lijsten van een schilderij die schuine uiteindes hebben) de driehoek. Het komt meer neer op een CSS-'hack'.