css code geeft driehoek
Deze 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 ??
.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 ??
Een tipje: Zet het eens in een JS-fiddle ;-)
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'.
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'.