Guten Abend,
bemühe mich gerade für einer meiner Seiten" WEBSEITE ", die Photos als Hexagone auszugeben. Es scheint aber nicht zu funktionieren.
Ich Weiss nicht was ich am Code falsch gemacht habe, bitte um weitere Hilfe,
Danke
CSS
/*Photo Imprint hexagon*/
.photoHexagon img {
position:relative;
margin:auto;
text-align:center;
overflow:hidden;
white-space:nowrap;
display:table;
float:left;
margin-right:20px;
}
.hex:before {
content:'';
padding-top:120%;
display:inline-block;
vertical-align:middle;
}
.hex:after {
content:'';
position:absolute;
top:0%;
left:-10%;
width:120%;
padding-top:120%;
transform: rotatex(52deg) rotate(45deg);
text-align:center;
box-shadow:0 0 0 200px white;;
}
.hex img {
display:inline-block;
vertical-align:middle;
margin:0 -10px;
}
Alles anzeigen