Mainos

Web-kehittäjille HTML5 esitteli monia mielenkiintoisia uusia ominaisuuksia. Kyky määrittää kaltevuudet puhtaalla CSS3: lla oli yksi näistä ominaisuuksista. Tämä ominaisuus teki mahdolliseksi kaltevuuseditorit, kuten ”Ultimate CSS Gradient Generator”.

suuria kaltevuuksia

Ultimate CSS Gradient Generator on ilmainen online-työkalu web-kehittäjille. Suoritaksesi sen sinun on käytettävä HTML5: tä tukevan verkkoselaimen, kuten Firefoxin, Chromen tai Safarin, uusinta versiota. Työkalu koostuu kahdesta ruudusta: vasemmasta ruudusta voit valita värin, nimetä kaltevuutesi, säätää liukusäätimiä ja pysäyttimiä; oikeanpuoleisessa ruudussa voit esikatsella kaltevuutta ja saada sen CSS-koodin.

tuottaa kaltevuudet

Tämän online-työkalun avulla web-kehittäjät voivat säätää kaltevuuden lopetusväriä ja lisätä, säätää ja poistaa pysäytysasentoja. Esikatseluruudun avulla kehittäjät voivat helposti siirtää gradientin vaakasuoraksi tai pystysuoraksi; tämä ruutu näyttää myös kuinka Internet Explorerin varagradientti näyttää IE: ssä. Kun olet tyytyväinen tekemiin mukautuksiin, voit kopioida luodun CSS: n ja liittää sen tyylitaulukkoosi.

instagram viewer

Ominaisuudet:

  • Erittäin ystävällinen verkkosivusto web-kehittäjille.
  • Tarjoaa yksinkertaisen käyttöliittymän kaltevuuksien luomiseksi.
  • Voit tehdä useita asioita pysäytysvärillä ja -asemilla.
  • Voit esikatsella kaltevuuksia vaaka- ja pystysuunnassa.
  • Luo luomillesi kaltevuuksille CSS-koodin.
  • Samankaltaiset työkalut: CSS3 CSS3 Gradient Generator: Luo helposti CSS3 WebKit Gradients verkossa Lue lisää Gradient Generator, CSS Gradient Editor, Nopea 3-väri CSS3 Nopea kolmivärinen CSS3-gradienttigeneraattori: Luo helposti lineaarisia ja säteittäisiä gradientteja Lue lisää Kaltevuusgeneraattori Nopea kolmivärinen CSS3-gradienttigeneraattori: Luo helposti lineaarisia ja säteittäisiä gradientteja Lue lisää ja Border-Image Generator.

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