⭐ 0
🔍
Tekst Slika PDF i dokumenti Audio Glazba Elektronika Vrijeme Komunalije Validatori Ezoterija Igre

Pastel CSS Gradient — Gotovi kod

Izgradite CSS gradijente vizualno: linearni, radijalni ili konusni tip, kutni klizač i do šest boja s pregledom pune širine uživo i kodom koji se može kopirati.

90°
Obrada... 0%

Rezultat

Ova stranica otvara generator gradijenta s učitanim gotovim pastelnim izbljeđivanjem: puderasto ružičasta #ffdde1 koja se stapa u prašnjavu ružu #ee9ca7. Ploča za pregled odmah prikazuje meki rezultat, s CSS linijom spremnom ispod.

Pastelni gradijenti rade tamo gdje bi zasićeni vikali: ekrani za ukrcavanje, kartice, prazna stanja i brendiranje ljepote ili životnog stila. Budući da su obje granice svijetle, tamni tekst ostaje čitljiv preko cijele površine - nešto što najživlji gradijenti ne mogu ponuditi bez preklapanja.

Kopirajte liniju onakvu kakva jest ili je dodatno omekšajte trikovima s neprozirnošću: pomaknite graničnik ruže na 80% i pustite da ružičasta dominira ili preokrenite na radijalnu vrstu za blagi središnji sjaj. Alat ažurira CSS koji se može kopirati pri svakom unosu.

🛡️
Izvršeno u pregledniku

Vaše datoteke i unosi nikada ne napuštaju ovaj uređaj. Obrada se odvija potpuno offline. 100% siguran.

Prihvaćeni formati i pravila

  • Odabir vrste gradijenta (linearni, radijalni, konusni) s kutnim klizačem za linearni i konusni način rada.
  • Popis za zaustavljanje u boji: dva za početak, dodavanje ili uklanjanje do šest, svaki sa svojim odabirom boja i položajem u postocima.
  • Pozadina CSS linija koja se može kopirati plus gotove unaprijed postavljene stranice za zalazak sunca, ocean i pastelne gradijente.

Ključne prednosti

✓ Pregled pune širine ponovno se boji pri svakoj promjeni — vrsti, kutu i svakoj boji — tako da je CSS koji kopirate točno ono što ste vidjeli.
✓ Do šest zaustavljanja boja s pojedinačnim položajima pokriva sve, od jednostavnog blijeđenja u dvije boje do složenih pozadina s više traka.
✓ Jedna deklaracija, tri motora: prebacivanje između linearnog, radijalnog i koničnog bez ponovne izrade graničnika.

Slučajevi upotrebe

  • • Sastavite pozadinu herojskog odjeljka povlačenjem kuta i granica boja umjesto ručnog uređivanja linear-gradient() i ponovnog učitavanja.
  • • Usporedite iste graničnike u boji kao linearne, radijalne i konusne gradijente s jednim prekidačem — graničnici se prenose između vrsta.
  • • Uzmite provjerenu kombinaciju sa unaprijed postavljene stranice zalaska sunca, oceana ili pastelnih boja i prilagodite je bojama svoje marke.