⭐ 0
🔍
Text Imagine PDF și Documente Audio Muzică Electronică Timp Utilitare Validatoare Ezoterism Jocuri

Generator de gradient radial CSS

Construiți vizual degrade CSS: tip liniar, radial sau conic, glisor unghiular și până la șase opriri de culoare cu o previzualizare pe toată lățimea live și cod copiabil.

90°
Procesare... 0%

Rezultat

Această pagină deschide generatorul de gradient cu tipul radial deja selectat: culorile radiază spre exterior din centrul elementului în cercuri concentrice, iar fiecare oprire pe care o modificați revopsește previzualizarea instantaneu.

radial-gradient() este instrumentul pentru efecte de lumina reflectoarelor și strălucire, viniete moi și fundaluri care au nevoie de un punct focal mai degrabă decât de o direcție. Pozițiile opririlor în procente hartă față de distanța de la centru - 0% este mijlocul, 100% marginea îndepărtată - așa că strângerea primelor opriri face un miez strălucitor mic, răspândirea lor face o spălare largă.

Copiați linia de fundal odată ce previzualizarea arată corect. Glisorul unghiular este ascuns în acest mod, deoarece un cerc nu are direcție - comutați înapoi la liniar sau conic și reapare.

🛡️
Rulat în browser

Fișierele și datele introduse nu părăsesc niciodată acest dispozitiv. Procesarea rulează complet offline. 100% sigur.

Formate și reguli acceptate

  • Selectare tip gradient (liniar, radial, conic) cu un glisor unghiular pentru modurile liniar și conic.
  • Lista de opriri de culoare: două opriri pentru a începe, adăuga sau elimina până la șase, fiecare cu propriul selector de culoare și poziție în procente.
  • Linie CSS de fundal copiabilă plus pagini prestabilite gata pentru apus, ocean și degrade pastel.

Beneficii cheie

✓ Previzualizarea pe toată lățimea se revopsește la fiecare modificare - tip, unghi și fiecare oprire de culoare - astfel încât CSS-ul pe care îl copiați este exact ceea ce ați văzut.
✓ Până la șase opriri de culoare cu poziții individuale acoperă totul, de la o simplă decolorare în două culori până la fundaluri complexe cu mai multe benzi.
✓ O declarație, trei motoare: comutați între liniar, radial și conic fără a vă reconstrui opririle.

Cazuri de utilizare

  • • Compuneți un fundal de secțiune erou trăgând unghiul și opririle de culoare în loc să editați manual linear-gradient() și să reîncărcați.
  • • Comparați aceleași opriri de culoare ca și gradienții liniari, radiali și conici cu un singur comutator - opririle sunt transferate între tipuri.
  • • Luați o combinație dovedită din pagina presetată a apusului, oceanului sau pastelului și adaptați-o în culorile mărcii dvs.