CSS is alles dat bepaalt hoe uw webpagina of appverschijnt voor de eindgebruiker, maar het schrijven van het basisblad kan even duren. Het is waarschijnlijk waarom je veel automatische CSS-codegenerators zult vinden waarmee je effecten kunt toevoegen, objecten of eenvoudige verlopen kunt maken. CSS-verloopeditor is een gratis Mac-app waarmee je een verloop kunt makenachtergronden. De app biedt u een eenvoudige GUI, waarmee u elke kleur voor het verloop kunt selecteren, maximaal vijf stops kunt toevoegen en kunt selecteren waar elke stop wordt geplaatst. Het verloop kan verticaal of horizontaal zijn en met de app kunt u voorinstellingen maken en CSS-code genereren die compatibel is met Chrome, Firefox, Safari, Internet Explorer 10, Opera, allemaal passend bij de W3C-standaard. U kunt kleuren invoeren als RGB-, HSL- en Hex-codes.
De app wordt geladen met een eenvoudig verloop met twee schaduwen. Het heeft een enkel venster verdeeld in vier secties, waar de twee secties aan de rechterkant de code weergeven en een voorbeeld van het verloop bekijken terwijl u deze maakt. Met de secties aan de linkerkant kunt u voorinstellingen toevoegen en een verloop maken of bewerken.
U werkt meestal met de linkerbenedenhoeksectie. Afhankelijk van het type verloop dat u wilt maken, klikt u op de knop X-as (voor een verticaal verloop) of Y-as (voor een horizontaal verloop). Klik op het kleurvak voor Top kleur, en kies welke kleur bovenaan of links in het verloop verschijnt. Vink het selectievakje aan om een extra tussenstop toe te voegen Hou op vak net onder Top kleur, kies een punt waar de tweede kleur begint door de schuif ervoor te verplaatsen. Volg het voorbeeld om extra stops toe te voegen. Selecteer vervolgens de Bodemkleur. De effecten worden vooraf bekeken en de code wordt bijgewerkt terwijl u de wijzigingen aanbrengt.
Als u een door u gemaakt verloop wilt opslaan, klikt u op Voorinstelling opslaan knop en het verloop wordt opgeslagen. De code kan zonder aanpassingen in uw CSS-blad worden gekopieerd en gebruikt.
Download CSS Gradient Editor van Mac App Store
Comments