Advertentie

Het schrijven van op code gebaseerde CSS-gradiënten kan vervelend en tijdrovend zijn. Maar CSS-verlopen zijn best handig en krachtig. CSS3 Gradient Generator maakt het gemakkelijker om CSS3 WebKit-verlopen te genereren.

Op deze site kunt u CSS-verloopcodes maken in een grafische gebruikersinterface. Het biedt u kleurstalen om het verloop te ontwerpen en een schuifregelaar voor elk om de positie van de kleur in het verloop te bepalen.

css3 webkit verloop

Zodra een kleurstaal is geselecteerd, kunt u de kleurkiezer aan de rechterkant gebruiken om de kleur van het staal aan te passen. CSS-gradiënten genereren een afbeeldingsresultaat dat overal kan worden gebruikt, zoals een rand, achtergrondafbeelding of een lijstitem op basis van behoefte. U kunt de verlooprichting bepalen met behulp van de geboden opties (links, rechts, onder, boven) of door aangepaste puntlocaties te gebruiken.

css3 webkit verloop

Wijzigingen die u aanbrengt in de bedieningselementen op de verloopgenerator, zullen het verloopvoorbeeld en de uitvoer van de CSS-code onmiddellijk bijwerken.

instagram viewer

Opmerking: zorg ervoor dat u een webkit-browser gebruikt, zoals Safari, Chrome of Firefox 3.6 bèta.

Kenmerken:

  • Maak eenvoudig CSS3-verlopen in een visuele interface.
  • Bekijk meteen de wijzigingen die u aanbrengt in het verloop.
  • Gebruik de gegenereerde verloopafbeelding als rand, achtergrondafbeelding of lijstitem op basis van behoefte.
  • Bepaal de verlooprichting met behulp van de opties (links, rechts, onder, boven) of door aangepaste puntlocaties.
  • Gratis voor gebruik, geen registratie vereist.

Bekijk CSS3 Gradient Generator @ [Niet meer beschikbaar]

Srikanth is een professionele blogger en webdesigner.