ich ein JPEG-Bild von einem O X Photo Booth wie diese:Crop und Overlay ein 2x2 Bild auf ein 4x4-Raster ohne Spalte/Zeile wiederholen
GR BM
Mit Hilfe von CSS3, würde Ich mag an Mit diesem Bild auf der Außenseite meines HTML5 article
Element, wie folgt aus:
GR BaaM GaaR BM
Oder wie folgt aus:
GR GaaR BaaM BM
Oder auch dies:
RG BaaM GaaR MB
Oder, wie Sie auf allen Seiten sehen, passen, aber ohne Zeilen oder Spalten, wo das gleiche Teil des Bildes wiederholt wird (auch, wie oben, muss jeder Teil die gleiche Anzahl gezeigt hat mal insgesamt), zB nicht wie folgt aus:
GRGR BaaM GaaR BMBM
Was ist der beste Weg, so etwas wie dies mit CSS3 zu tun?
Suchen Sie etwas wie 'background-size: 4px 4px', um es künstlich zu vergrößern oder' image-rendering: crisp-edges', um sicherzustellen, dass es nicht interpoliert wird? – MattDiMu
@MattDiMu, nein, es ist eines dieser "Grün/Rot/Blau/Monochrom" Filter Fotos (wo Ihr Foto 4 mal im Originalbild erscheint); Ich möchte die einzelnen Teile auf verschiedenen Seiten meines Hauptinhalts zeigen. – cnst