Ich möchte Bilder zu einer Website hinzufügen, möchte aber, dass die Bilder schräge Kanten haben, als ob sie in einem Winkel zur Seite geschoben wurden. Gibt es eine schnelle und einfache Möglichkeit, dies zu tun?Gibt es eine einfache Möglichkeit, Bilder schräg zu stellen?
0
A
Antwort
1
Es ist wirklich super einfach mit CSS. Transformation macht genau das, was Sie brauchen, es gibt verschiedene Möglichkeiten, Elemente zu transformieren. Schauen Sie sich also die Dokumentation here an, um die zu finden, die Sie benötigen. Basierend auf dem, was Sie gesagt haben, glaube ich, dass das Skew oder Rotieren am besten zu Ihren Bedürfnissen passt. Es dauert drei Zeilen CSS, dies zu erreichen (aktualisiert Präfixe entfernen):
div.skew {
transform: skewX(15deg);
}
div.rotate {
transform: rotate(15deg);
}
Vorangestellte Versionen der Immobilie verwandeln Namen nicht von irgendwelchen aktuellen Browser erforderlich. http://caniuse.com/#search=transform – Quentin
Es scheint mein Bild riesig zu machen? gibt es einen Weg um es kleiner zu machen! Aber der Skew hat dir sehr geholfen, danke – LEWC
@LEWC Du müsstest deinen Code dafür schreiben. Es sollte die Größe des Bildes nicht über das Dehnen hinaus begrenzen. https://jsfiddle.net/whur3mp2/3/ – atrljoe