DIV Box verformen?

[Extremefall]

Hallo,
gibt es eine Möglichkeit, eine DIV Box oder ein anderes HTML Element so zu verformen, dass es die Form hat, die in dem Bild in dem rot umzeichneten Ausschnitt zu sehen ist? Wie geht so etwas? Ich möchte einen Raum darstellen. Wenn der Nutzer die eine Tapete auswählt, soll das entsprechende "Element" gesetzt werden.

Hier noch das Bild:


Ich hoffe, ihr versteht, was ich meine und könnt mir helfen.

 

[Commodore]

Es könnte sein, dass es einige Javascript-Hacks gibt um solche Effekte zu erzeugen, ansonsten müsstest du den Bereich in dieser Form als Bild hochladen und als Hintergrundbild verwenden.

 

[Extremefall]

Geht es nicht mit CSs und HTML? Wie könnte es gehen? Schließlich ist es ja alles gerade, also keine Kurven sind vorhanden.

 

[Commodore]

Die Textur entsprechend mit einem Grafikprogramm bearbeiten und dann als Hintergrund einfügen. Oder willst du tatsächlich einen derartig geformtes Element? Wozu bräuchtest du das?

 

[alogheo]

Das funktioniert ab CSS3, nur leider unterstützt kaum ein Browser diesen Effekt

CSS 3D Transforms Module Level 3
http://webstandard.kulando.de/post/2010/12/18/3d-transform-css-tutorial-css3-adventskalender-tag-18

weiter Google-Ergebnisse: Google




Ansonsten halt mit JavaScript: A simple javascript 3D renderer

 

[Extremefall]

Wisst ihr, ob es mit Photoshop oder GIMP möglich ist, die Form zu speichern? Also normal ist ja ein rechteckiges Fenster, dass gespeichert wird. Kann man es machen, dass sich das Fenster an die Form anpasst?

 

[Commodore]

Nein, es bleiben rechteckige Fenster. Was spricht auch dagegen? Nimm die Textur, verzerr sie und füge sie dann als Bild ein. Dann ist zwar ein Teil des Hintergrund durchsichtig [das Dreieck oben und unten], aber das stört niemanden.