⭐ 0
🔍
Teksti Kuva PDF & Docs Ääni Musiikki Elektroniikka Aika Apuohjelmat Validaattorit Esoteerinen Pelit

Pastelli CSS Gradient - Valmis koodi

Rakenna CSS-gradientit visuaalisesti: lineaarinen, säteittäinen tai kartiomainen tyyppi, kulman liukusäädin ja jopa kuusi väripysähdystä live-täysleveällä esikatselulla ja kopioitavalla koodilla.

90°
Käsitellään... 0%

Tulos

Tämä sivu avaa gradienttigeneraattorin valmiilla pastellihaalistuksilla: jauhevaaleanpunainen #ffdde1 sekoittuu pölyiseen ruusuun #ee9ca7. Esikatselupaneeli näyttää pehmeän tuloksen välittömästi, ja alla on CSS-rivi valmiina.

Pastelligradientit toimivat siellä, missä kylläiset huutaisivat: aloitusnäytöt, kortit, tyhjät tilat ja kauneus- tai elämäntapabrändäys. Koska molemmat pysähdykset ovat vaaleita, tumma teksti pysyy luettavissa koko pinnalla – mitä eloisimmat liukuvärit eivät voi tarjota ilman peittoa.

Kopioi viiva sellaisenaan tai pehmenna sitä edelleen näppäilemällä opasiteetin viereisiä temppuja: siirrä ruusun pysäytin 80 %:iin ja anna vaaleanpunaisen hallita, tai käännä säteittäiseen muotoon saadaksesi lempeän keskihehkun. Työkalu päivittää kopioitavan CSS:n jokaisella syötteellä.

🛡️
Suoritetaan selaimessa

Tiedostosi ja syötteesi eivät koskaan poistu tältä laitteelta. Käsittely toimii täysin offline-tilassa. 100 % turvallinen.

Hyväksytyt muodot ja säännöt

  • Gradienttityypin valinta (lineaarinen, säteittäinen, kartiomainen) kulman liukusäätimellä lineaarisia ja kartiomaisia tiloja varten.
  • Värien pysäytysluettelo: kaksi pysähdystä aloittaaksesi, lisätäksesi tai poistaaksesi enintään kuusi, jokaisella on oma värivalitsin ja sijainti prosentteina.
  • Kopioitava tausta-CSS-rivi sekä valmiit esiasetetut sivut auringonlaskua, merta ja pastelligradientteja varten.

Tärkeimmät edut

✓ Täysleveä esikatselu maalaa uudelleen jokaisen muutoksen – tyypin, kulman ja jokaisen väripysähdyksen – yhteydessä, joten kopioimasi CSS on juuri se, mitä näit.
✓ Jopa kuusi väripysäytyskohtaa yksittäisillä asennoilla kattaa kaiken yksinkertaisesta kahden värin häivytyksestä monimutkaisiin monikaistaisiin taustoihin.
✓ Yksi ilmoitus, kolme moottoria: vaihda lineaarisen, radiaalisen ja kartiomaisen välillä ilman, että pysähdyksiäsi rakennetaan uudelleen.

Käyttötapaukset

  • • Luo sankariosan tausta vetämällä kulma- ja väripysäytteitä sen sijaan, että muokkaat linear-gradient()-funktiota ja lataat sen uudelleen.
  • • Vertaa samoja väripysäytteitä kuin lineaarisia, säteittäisiä ja kartiomaisia gradientteja yhdellä kytkimellä – rajoittimet siirtyvät tyyppien välillä.
  • • Nappaa todistettu yhdistelmä auringonlaskun, valtameren tai pastellin esiasetussivulta ja muokkaa se brändisi väreiksi.