Välj färger för att bilda en lutning och få CSS 3-kod med lutning [Mac]

Att definiera CSS 3-klass för färggradient är atröttsam uppgift, eftersom man behöver hitta de önskade färgnyanserna och sedan blanda dem ihop för att bilda en lutning. När lutningen skapas är det inte lätt att omvandla den till CSS3-kod (att kalla den i HTML5); webbdesigners kämpar ofta med att hitta de exakta HEX-värdena för olika färgnyanser för att äntligen skapa en CSS-klass för färggradient. Lutning är en liten, elegant applikation för Mac vilkenlåter dig välja färger för att bilda en lutning, ändra lutningsformer och generera CSS3-kod för den slutliga versionen av lutning som du vill använda i din webbplats stilark dokument. Applikationen levereras med RGB- och HEX-färgkodredigerare för att manuellt justera färgtonerna på lutningen. Två små färgväljare har också integrerats i applikationen för att välja färger från skärmen för varje toningsfärgskärm.

Välj färg från skärmen som du villinkludera i lutning, klicka på förstoringsglaset för att starta färgväljaren och flytta markören runt för att se färgskärmar. Ett klick sparar färgskärmen under den aktuella muspekarplatsen till applikationen. På samma sätt kan du välja annan färgskärm i lutningen. En liten färgbyte knappen är tillgänglig för att växla mellan strömgradientfärger. Som standard är RGB- och HEX-färgkodredigeraren osynlig. Du kan dock avslöja det med pil ned-knappen. Det visar RGB- och HEX-färgvärdena för båda färgtonerna i gradient.

Förutom färgväljaren kan du ändra manuelltgradientfärgerna med hjälp av Mac-inbyggd färgpalett. Under RGB- och HEX-färgkodredigerare hittar du en switchknapp för att välja önskad gradientstil och vinkel. Som standard visar det fyra vinklar. När du klickar på omkopplingsknappen avslöjar det olika lutningsstilar.

Gradient stöder alla allmänt använda webbläsare, inklusive Firefox, Opera, Chrome och Internet Explorer. Från Inställningar kan du ändra Fallback Color och ändra utgångsläget.

När du är klar kan du visa CSS-kod för gradient genom att klicka på CSS-knappen. Men om du vill kopiera CSS-koden direkt, klicka på Kopiera för att klistra in koden i din CSS-fil eller applikationsutvecklings-IDE.

Sammantaget ger Gradient dig snabba verktyg för att designa och bädda in gradient CSS-kod i ditt grafiska designprojekt. Det fungerar på Mac 10.6 eller högre.

Ladda ner Gradient