Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

CSS Gradient Filters

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.