Kann man soetwas mit CSS bauen ?

[Hansii]

Hallo.

Folgendes : http://images.all-free-download.com/images/graphiclarge/papyrus_roll_clip_art_23391.jpg

Kann man das nachbauen? Wenn ja, wie geht man vor, was für Codes setzt man ein?

'Danke

 

[prm]

Am besten nimmst du die Grafik und bindest sie per CSS als Hintergrundgrafik ein.

Vorgehensweise siehe
Notizzettel mit Pinnwandeffekt
Notizzettel mit fester Größe

 

[Didi_55]

Das wird er schon wissen. Man muss aber erstmal Lizenzfreie Bilder finden...
Ehrlich gesagt, wird das glaubich sehr schwer nachzubauen sein.

 

[Hansii]

@prm : Wie Didi_55 schon schrieb, gibt es leider keine lizenzfreien Bilder.

@Didi_55 : Geht das denn wirklich nicht ?

 

[Tronjer]

Hallo.

Kann man das nachbauen? Wenn ja, wie geht man vor, was für Codes setzt man ein?

'Danke

Nachbauen kann man alles. Frage ist eher, welcher Ansatz hier Sinn macht.

Als Code:

Man könnte es mit purem HTML/CSS versuchen. Aber das wäre eine Sysiphos-Arbeit mit z-index und etlichen überlagerten Objekten. So etwas macht man höchstens zu Demonstrationszwecken.

Mit Canvas lassen sich auf jeden Fall die schwarzen Linien zeichnen. Bin mir jetzt aber nicht sicher, ob ein ctx.fill() auch mit Gradienten für den Braunverlauf funktioniert.

WebGL wäre eine weitere Überlegung. Damit habe ich mich bisher allerdings noch nicht auseinandergesetzt.


Mit Grafik-Programmen:

Variante 1: Das Bild in Adobe Illustrator zeichnen und als .png exportieren.

Variante 2: Das Bild per Mausklick downloaden und im Photoshop bearbeiten. Möglich wäre auch die Weiterbearbeitung im Illustrator (Funktion "Nachzeichnen") als Vektorgrafik.