none
Wie Farbverlauf für background-color?

    Frage

  • Hallo,
    wie kann ich mit CSS einen Farbverlauf (background-color) von einer Website erzeugen (ASP.NET 4.0)?

    Alexander

    Dienstag, 20. August 2013 19:59

Antworten

  • Hallo, spätestens ab CSS 3 funktioniert es schonmal. Einen Onlinegenerator gibt es hier.

    Ich denke mal, das du aus dem live generiertem Code ziehmlich leicht die Syntax erkennen kannst.

    Das alle Browser aber so einen Farbverlauf anzeigen können, ist nicht garantiert.


    <Code-13/>- Koopakiller [kuːpakɪllɐ] (Tom Lambert)
    Webseite | Code Beispiele | Facebook | Twitter | Snippets   C# ↔ VB.NET Konverter
    Markiert bitte beantwortende Posts als Antwort und bewertet Beiträge. Danke.

    • Als Antwort markiert AlexanderRi Donnerstag, 22. August 2013 12:01
    Dienstag, 20. August 2013 20:07
  • Hallo Alexander,

    bspw. so:

    div#HintergrundMitFarbverlauf {
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, top, bottom, from(#FFFFFF), to(#000000));
        /* Safari 5.1+, Chrome 10+ */
        background: -webkit-linear-gradient( top, #FFFFFF, #000000);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient( top, #FFFFFF, #000000);
        /* IE 10 */
        background: -ms-linear-gradient( top, #FFFFFF, #000000);
        /* Opera 11.10+ */
        background: -o-linear-gradient( top, #FFFFFF, #000000);
    }
    

    Da gibt es aber noch erheblich mehr Möglichkeiten als nur einen einfachen Verlauf von oben nach unten. Für Details schau mal hier:

      http://www.mediaevent.de/css/gradient.html


    Gruß, Stefan
    Microsoft MVP - Visual Developer ASP/ASP.NET
    http://www.asp-solutions.de/ - Consulting, Development
    http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community

    • Als Antwort markiert AlexanderRi Donnerstag, 22. August 2013 12:01
    Dienstag, 20. August 2013 20:14

Alle Antworten

  • Hallo, spätestens ab CSS 3 funktioniert es schonmal. Einen Onlinegenerator gibt es hier.

    Ich denke mal, das du aus dem live generiertem Code ziehmlich leicht die Syntax erkennen kannst.

    Das alle Browser aber so einen Farbverlauf anzeigen können, ist nicht garantiert.


    <Code-13/>- Koopakiller [kuːpakɪllɐ] (Tom Lambert)
    Webseite | Code Beispiele | Facebook | Twitter | Snippets   C# ↔ VB.NET Konverter
    Markiert bitte beantwortende Posts als Antwort und bewertet Beiträge. Danke.

    • Als Antwort markiert AlexanderRi Donnerstag, 22. August 2013 12:01
    Dienstag, 20. August 2013 20:07
  • Hallo Alexander,

    bspw. so:

    div#HintergrundMitFarbverlauf {
        /* Safari 4-5, Chrome 1-9 */
        background: -webkit-gradient(linear, top, bottom, from(#FFFFFF), to(#000000));
        /* Safari 5.1+, Chrome 10+ */
        background: -webkit-linear-gradient( top, #FFFFFF, #000000);
        /* Firefox 3.6+ */
        background: -moz-linear-gradient( top, #FFFFFF, #000000);
        /* IE 10 */
        background: -ms-linear-gradient( top, #FFFFFF, #000000);
        /* Opera 11.10+ */
        background: -o-linear-gradient( top, #FFFFFF, #000000);
    }
    

    Da gibt es aber noch erheblich mehr Möglichkeiten als nur einen einfachen Verlauf von oben nach unten. Für Details schau mal hier:

      http://www.mediaevent.de/css/gradient.html


    Gruß, Stefan
    Microsoft MVP - Visual Developer ASP/ASP.NET
    http://www.asp-solutions.de/ - Consulting, Development
    http://www.aspnetzone.de/ - ASP.NET Zone, die ASP.NET Community

    • Als Antwort markiert AlexanderRi Donnerstag, 22. August 2013 12:01
    Dienstag, 20. August 2013 20:14