Annonse

For webutviklere introduserte HTML5 mange spennende nye funksjoner. Muligheten til å spesifisere graderinger ved bruk av ren CSS3 var en av disse funksjonene. Denne egenskapen gjorde det mulig for gradienteditorer som “Ultimate CSS Gradient Generator”.

store graderinger

Ultimate CSS Gradient Generator er et gratis online verktøy for nettutviklere. For å kjøre den må du bruke den nyeste versjonen av en HTML5-støttende nettleser som Firefox, Chrome eller Safari. Verktøyet består av to ruter: den venstre ruten lar deg velge en farge, navngi gradienten, juster skyvekontrollene og stoppene; i høyre rute kan du forhåndsvise gradienten og få CSS-koden.

generere graderinger

Ved hjelp av dette online verktøyet kan webutviklere justere stigningsstoppfargen, og legge til, justere og slette stoppposisjoner. Forhåndsvisningsruten lar utviklere enkelt gradienten som en horisontal eller vertikal; denne ruten viser også hvordan Internet Explorer-tilbakeslagsgradienten vil se ut i IE. Når du er fornøyd med justeringene du har gjort, kan du bare kopiere den genererte CSS og lime den inn i stilarket.

instagram viewer

Egenskaper:

  • Et veldig vennlig nettsted for webutviklere.
  • Gir et enkelt grensesnitt for å generere graderinger.
  • Lar deg gjøre en rekke ting med stoppfarger og posisjoner.
  • Lar deg forhåndsvise gradientene horisontalt og vertikalt.
  • Genererer CSS-koden for de opprettede gradientene.
  • Lignende verktøy: CSS3 CSS3 Gradient Generator: Lag enkelt CSS3 WebKit Gradients Online Les mer Gradient Generator, CSS Gradient Editor, Rask 3-fargers CSS3 Rask 3-fargers CSS3-gradientgenerator: Lag enkelt lineære og radiale graderinger Les mer Gradient Generator Rask 3-fargers CSS3-gradientgenerator: Lag enkelt lineære og radiale graderinger Les mer og Border-Image-Generator.

Sjekk ut Ultimate CSS Gradient Generator @ www.colorzilla.com/gradient-editor