Antworten auf deine Fragen:
Neues Thema erstellen

Skew Div mit overflow hidden nur unten

enky

Aktives Mitglied

Hi zusammen,

ich hoffe mir kann jemand hier weiterhelfen ^^

Am besten schaut man sich das Bild an, dann versteht man es besser.



Ich habe einen div container mit einem hintergrund bild das um 6° verzerrt wird, 100% width damit es gleich der browserbreite ist.

In diesem div soll eine transparente png sein. dieses bild eine person soll oben rausragen, aber nicht unten.

Einen Keil zu basteln der die hintergrundfarbe der seite hat, geht leider nicht, weil es einen gradient gibt und die seite "fluid" sein soll.

Ich habe auf jsfiddle eine demo. so könnte es funktionieren, allerdings muss der weiße Bereich um die Köpfe weg, dass man durschauen kann, also man den Gradient sehen kann.

Hier der Link: http://jsfiddle.net/0xdscqLo/2/



Edit: Ich habe ne Lösung gefunden. Wenn es interessiert: https://jsfiddle.net/rsr04udj/
 
Zuletzt bearbeitet:

owieortho

Aktives Mitglied

Kannst Du nicht das dy6l5rch.jpg und den weißen Balken als ein .png mit Transparenz statt weißem Balken zusammenfassen?

O.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.635
Beiträge
1.538.449
Mitglieder
67.556
Neuestes Mitglied
Ggirl
Oben