Meng je eigen CSS-gradiënten met deze gratis web-app
Elke webontwerper moet hiervan op de hoogte zijn CSS3-gradiënten. Ze bestaan al jaren en ze worden breed ondersteund door alle grote browsers.
En nu, gratis web-apps zoals Mengsel laat je CSS3-gradiënten maken tijdens het werken met Visuele editors in de browser. Je kunt kiezen tussen lineaire en radiale verlopen terwijl je knutselt met kleuren om te mengen.
De eerste pagina wordt geladen met twee effen kleuren aan elke kant. U kunt de kleurenpalet om te schakelen tussen tinten of voer a in handmatige HEX-code als je de gewenste kleur kent. Heb je twee kleuren die je leuk vindt, klik dan op “Laten we mengen” knop in het midden.
Beide kleuren worden samengevoegd in een CSS3-verloop met bewerkbare opties aan de bovenkant van de pagina. Je kunt kiezen tussen lineaire hellingen & radiale verlopen, en als je de lineaire stijl gebruikt die je kunt gebruiken sleep de middenlocatie over de hele pagina.
En terwijl je dat bent in de mengmodus je kunt nog steeds teruggaan naar verander de kleuren aan de onderkant. Dit is als de perfecte codevrije CSS3-gradiëntgenerator die elke ontwerper nodig heeft.
Heb je twee kleuren die je leuk vindt, klik dan op code haakje pictogram in de rechterbovenhoek. Dit brengt een a venster met CSS-code die u kunt kopiëren / plakken in uw stylesheets.
Blend is een gratis tool gemaakt door Colin Keany, een ontwerper van New York. Het is ook gehost op zijn site, hoewel ik nergens een link naar GitHub of een vrije broncode zie. Maar hij schreef wel een case study detaillering van zijn proces voor het maken van Blend met al zijn handige functies.
Helaas is de huidige versie ondersteunt niet meer dan twee kleuren. Maar ik steek in de toekomst mijn vingers over voor meerkleurenopties.
Aangezien u geen lokale kopie kunt downloaden, raad ik aan om Blend te bookmarken voor toekomstig gebruik. Het is de perfecte manier om dit te doen test verlopen zonder herhaaldelijk uw stylesheet te bewerken.
En als u uw ideeën wilt delen of gewoon dank wilt zeggen voor dit verloopgereedschap, kunt u Colin @colinkeany tweeten.
