Annons

För webbutvecklare introducerade HTML5 många spännande nya funktioner. Möjligheten att specificera gradienter med ren CSS3 var en av dessa funktioner. Denna egenskap är det som gjorde gradientredigerare som "Ultimate CSS Gradient Generator" möjliga.

stora gradienter

Ultimate CSS Gradient Generator är ett gratis onlineverktyg för webbutvecklare. För att köra det måste du använda den senaste versionen av en webbläsare som stöder HTML5 som Firefox, Chrome eller Safari. Verktyget består av två rutor: den vänstra rutan låter dig välja en färg, namnge din gradient, justera skjutreglagen och stopp; den högra rutan låter dig förhandsgranska gradienten och få dess CSS-kod.

generera gradienter

Med detta onlineverktyg kan webbutvecklare justera stoppfärgen för gradienten och lägga till, justera och ta bort stopppositioner. Förhandsgranskningsrutan låter utvecklare enkelt övertoningen som horisontell eller vertikal; den här rutan visar också hur Internet Explorer reservgradient kommer att se ut i IE. När du är nöjd med justeringarna du har gjort kan du helt enkelt kopiera den genererade CSS och klistra in den i din stilmall.

instagram viewer

Funktioner:

  • En mycket vänlig webbplats för webbutvecklare.
  • Ger ett enkelt gränssnitt för att generera gradienter.
  • Låter dig göra ett antal saker med stoppfärger och positioner.
  • Låter dig förhandsgranska övertoningarna horisontellt och vertikalt.
  • Genererar CSS-koden för dina skapade övertoningar.
  • Liknande verktyg: CSS3 CSS3 Gradient Generator: Skapa enkelt CSS3 WebKit Gradienter online Läs mer Gradient Generator, CSS Gradient Editor, Snabb 3-färgs CSS3 Snabb 3-färgs CSS3 Gradient Generator: Skapa enkelt linjära och radiella gradienter Läs mer Gradientgenerator Snabb 3-färgs CSS3 Gradient Generator: Skapa enkelt linjära och radiella gradienter Läs mer och Border-Image-Generator.

Kolla in Ultimate CSS Gradient Generator @ www.colorzilla.com/gradient-editor