wie man diese Form nur mit divs und css erzeugt

8
  

Ich habe diese Form als PNG, die ich mit CSS erstellen möchte, damit ich die Füllfarbe dynamisch ändern kann.

Meine Frage ist: Wie kann ich dieses Bild mit nur div s und CSS am effektivsten neu erstellen?

Beachten Sie, dass um die orangefarbene Füllung herum ein weißer Strich von 5 Pixeln angezeigt wird. Dieser Schlaganfall muss auch erstellt werden. Und der Bereich auf der rechten Seite der Kurve muss transparent sein. Ihr CSS kann keine externen Elemente wie Hintergrundbilder verwenden.

Idealerweise würde das CSS in den meisten Browsern funktionieren, einschließlich IE 7, 8 und 9. Aber das ist nicht unbedingt erforderlich.

Führe deine CSS-Assistenten aus und zeige mir deine dunkelsten schmutzigen CSS-Geheimnisse. Sobald die Seite es mir erlaubt, werde ich ein Kopfgeld von 50 auf dieses Konto geben und werde es in vollem Umfang zur besten Antwort geben, unabhängig davon, wann Sie Ihre Antwort einreichen.

Mal sehen, was du hast.

    
Rafe 17.11.2012, 15:46
quelle

3 Antworten

33

HTML

%Vor%

CSS

%Vor%

Live-Beispiel

Ich wage es zu erraten, welches man ist, ohne auf das HTML zu schauen;)

    
jacktheripper 17.11.2012 16:10
quelle
5

Diese Version ist auch kompatibel mit IE9 ...

HTML

%Vor%

CSS:

%Vor%     
Savi 17.11.2012 16:03
quelle
4

nur die richtige Farbe, eventuell die Abmessungen ändern

%Vor%     
vlcekmi3 17.11.2012 15:59
quelle

Tags und Links