Par šo rīku
Izveidojiet skaistus CSS lineāros un radiālos gradientus, izmantojot vizuālo redaktoru. Izvēlieties krāsas, pielāgojiet pieturas, mainiet virzienu vai leņķi un skatiet tiešraides priekšskatījuma atjauninājumu reāllaikā. Kopējiet ģenerēto CSS kodu, tostarp vecāko pārlūkprogrammu piegādātāju prefiksus, un ielīmējiet to tieši savā stila lapā.
Bieži uzdotie jautājumi
- Vai CSS gradienti darbojas visās pārlūkprogrammās?
- Mūsdienu CSS gradienti (lineārais gradients, radiālais gradients) tiek atbalstīti visās pašreizējās pārlūkprogrammās, tostarp Chrome, Firefox, Safari un Edge. Rīks pēc izvēles var ģenerēt -webkit- prefiksus vecākām pārlūkprogrammu versijām.
- Vai es varu izveidot vairāku krāsu gradientus?
- Jā. Pievienojiet tik daudz krāsu pieturu, cik nepieciešams. Varat arī pielāgot katras pieturas pozīciju, lai kontrolētu, kur krāsas sajaucas. Tas ļauj izmantot sarežģītus varavīksnes, saulrieta vai pielāgotus zīmola gradientus.
- Kāda ir atšķirība starp lineārajiem un radiālajiem gradientiem?
- Lineāri gradienti pārceļ krāsas pa taisnu līniju (no augšas uz leju, no kreisās uz labo, pa diagonāli vai jebkurā leņķī). Radiālie gradienti pārceļ krāsas uz āru no centra punkta apļveida vai elipses formā.
- Vai es varu izmantot gradientu kā teksta fonu?
- Jā. Izmantojiet background-clip: tekstu ar -webkit-text-fill-color: caurspīdīgu, lai tekstam lietotu gradientu. Ģenerētais CSS nodrošina gradienta definīciju — apvienojiet to ar šiem gradienta teksta rekvizītiem.