Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS Gradient Filters

Anoniem
peardesigns
2 antwoorden
  • [b:805f8ac95a]CSS Gradient Filters[/b:805f8ac95a]

    Vroeger was er voor iedere gradient in je website een plaatje nodig. Tegenwoordig kan je dat gelukkig oplossen via CSS. Als de browser het niet ondersteund maakt hij gebruik van de standaard achtergrondkleur.

    Hieronder kunt u meerdere links vinden voor een online Gradient CSS Generator, welke de code daaronder als uitkomst geeft. Deze code kan dus ook gebruikt worden in CSS met de kleuren uit een Photoshop bestand.

    Met CSS3 zijn er veel meer mogelijkheden als er voorheen waren met CSS en zijn in de nieuwe versie's van de browsers te gebruiken. Volgende post zal ik informatie neerzetten voor ronde lijnen.

    CSS Gradient Generator

    CSS Gradient Generator 2

    [code:1:805f8ac95a]/* IE10 */
    background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

    /* Opera */
    background-image: -o-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #00A3EF));

    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);

    /* Proposed W3C Markup */
    background-image: linear-gradient(top left, #FFFFFF 0%, #00A3EF 100%);[/code:1:805f8ac95a]
  • Ok, ok… Maar wat is je vraag? :roll:

    - Bas

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.