⭐ 0
🔍
Besedilo Slika PDF in dokumenti Avdio Glasba elektronika Čas Pripomočki Validatorji Ezoterika igre

Pastel CSS Gradient — že pripravljena koda

Vizualno ustvarite prelive CSS: linearni, radialni ali stožčasti tip, kotni drsnik in do šest barvnih stopenj s predogledom polne širine v živo in kodo, ki jo je mogoče kopirati.

90°
Obdelava ... 0%

Rezultat

Ta stran odpre generator gradientov z naloženim že pripravljenim pastelnim bledenjem: pudrasto roza #ffdde1, ki se preliva v prašno vrtnico #ee9ca7. Plošča za predogled takoj prikaže mehki rezultat, spodaj pa je pripravljena vrstica CSS.

Pastelni prelivi delujejo tam, kjer bi nasičeni prelivi kričali: vstopni zasloni, kartice, prazna stanja in blagovna znamka lepote ali življenjskega sloga. Ker sta oba roba svetla, ostane temno besedilo berljivo po celotni površini – nekaj, kar najbolj živi prelivi ne morejo ponuditi brez prekrivanja.

Kopirajte črto takšno, kot je, ali jo dodatno zmehčajte s premikanjem sosednjih trikov motnosti: premaknite omejitev vrtnice na 80 % in pustite, da prevladuje rožnata, ali pa jo obrnite na radialno vrsto za nežen sredinski sijaj. Orodje posodobi CSS, ki ga je mogoče kopirati, ob vsakem vnosu.

🛡️
Izvedeno v brskalniku

Vaše datoteke in vnosi nikoli ne zapustijo te naprave. Obdelava poteka popolnoma brez povezave. 100 % varno.

Sprejeti formati in pravila

  • Izbira vrste gradienta (linearni, radialni, konični) z drsnikom kota za linearni in konični način.
  • Seznam za zaustavitev barv: dve postaji za začetek, dodajanje ali odstranitev do šest, vsaka s svojim izbirnikom barv in položajem v odstotkih.
  • Vrstica CSS za ozadje, ki jo je mogoče kopirati, in že pripravljene prednastavljene strani za sončni zahod, ocean in pastelne prelive.

Ključne prednosti

✓ Predogled polne širine prebarva ob vsaki spremembi — vrsti, kotu in vsaki barvni stopnji — tako da je CSS, ki ga kopirate, točno to, kar ste videli.
✓ Do šest barvnih stopenj s posameznimi položaji pokriva vse od preprostega dvobarvnega bledenja do zapletenih večpasovnih ozadij.
✓ Ena izjava, trije motorji: preklapljajte med linearnimi, radialnimi in stožčastimi brez ponovne sestave postankov.

Primeri uporabe

  • • Sestavite ozadje glavnega odseka tako, da povlečete kotne in barvne meje namesto ročnega urejanja linear-gradient() in ponovnega nalaganja.
  • • Primerjajte iste barvne meje kot linearne, radialne in stožčaste prelive z enim stikalom – meje se prenašajo med vrstami.
  • • Zgrabite preverjeno kombinacijo s prednastavljene strani sončnega zahoda, oceana ali pastelnih barv in jo prilagodite barvam svoje blagovne znamke.