Ƙirƙiri Kyawawan Rubutun CSS Gradient Ba tare da Kokari ba

Ƙirƙirar Tasirin Rubutun Gradient mai ban mamaki don Gidan Yanar Gizonku

Sarrafa Gradient

Rubutun Gradient na CSS
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

Shahararrun Gradients

Sunset
linear-gradient(to right, #FF512F, #F09819)
Magic
linear-gradient(to right, #4158D0, #C850C0, #FFCC70)
Ocean
linear-gradient(to right, #0093E9, #80D0C7)
Electric
linear-gradient(to right, #30CFD0, #330867)
Salatin 'ya'yan itace
linear-gradient(to right, #FA709A, #FEE140)
Neon Glow
linear-gradient(to right, #00DBDE, #FC00FF)

Yadda Ake Amfani

1

Shigar da Rubutun ku

Buga rubutun da kake son amfani da gradient a cikin filin shigar da "Text".

2

Zaɓi Nau'in Gradient

Zaɓi tsakanin Linear, Radial, ko Conic gradient iri.

3

Daidaita Hanya ko Angle

Don madaidaicin gradients, zaɓi jagora. Don conic gradients, saita kusurwa.

4

Keɓance Launuka

Ƙara, cire, ko daidaita tsayukan launi da matsayinsu don ƙirƙirar gradient da kuke so.

5

Kwafi ko Ajiye CSS

Kwafi lambar CSS da aka samar ko adana ta azaman fayil ɗin CSS don amfani da ayyukanku.

Game da Text Gradients

Rubutun CSS suna ba ku damar amfani da kyawawan gradients masu launuka iri-iri kai tsaye zuwa rubutu. Wannan tasirin ya kasance sau ɗaya kawai zai yiwu tare da hotuna, amma CSS na zamani ya sa ya zama mai sauƙi da inganci.

Taimakon Mai Rarraba:Ana goyan bayan gradients na rubutu a duk masu bincike na zamani, gami da Chrome, Firefox, Safari, da Edge. Ga tsofaffin masu bincike kamar Internet Explorer, rubutun zai koma zuwa launi mai ƙarfi.

Tukwici Amfani:Rubutun gradients suna aiki mafi kyau tare da m rubutu da babban haɗe-haɗe masu launi. Gwaji tare da nau'ikan gradient daban-daban da kwatance don cimma tasirin da ake so.

Related Tools

Ƙirƙirar Matsalolin Flexbox cikakke

Haɓaka, keɓancewa, da samar da lambar CSS flexbox tare da ilhamar ja-da-saukar da mu.

Stylus zuwa CSS Converter

Canza lambar SCSS ɗin ku zuwa CSS. Mai sauri, mai sauƙi, kuma amintacce.

SCSS zuwa CSS Converter

Canza lambar SCSS ɗin ku zuwa CSS. Mai sauri, mai sauƙi, kuma amintacce.

Canza CSS zuwa SCSS

Canza lambar CSS ɗin ku zuwa SCSS tare da masu canji, gida, da ƙari. Mai sauri, mai sauƙi, kuma amintacce.

HSV zuwa RGB

Maida lambobin launi na HSV zuwa ƙimar RGB don ci gaban yanar gizo

Canjin Wutar Lantarki

Canza tsakanin raka'o'in lantarki daban-daban tare da madaidaicin lissafin injiniyan ku