Gjenerues i gradientëve CSS

Krijo gradientët linear, radial dhe konik CSS në shfletuesin tuaj.

Ndaljet e ngjyrave

Përdorni dorezat e ndaljes ose shigjetat e tastierës për të redaktuar pozicionet. Çdo ndalje përfshin një ngjyrë të qartë, tejdukshmëri dhe përqindje.

Gati

Përpunimi lokal në shfletues

Gradienti juaj qëndron në këtë shfletues. Asnjë ngjyrë ose CSS e gjeneruar nuk dërgohet te Convertr.

Gramatika e kufizuar e importit

Importi pranon linear-gradient(), radial-gradient() ose conic-gradient() me ngjyra hex dhe përqindje. Deklaratat, URL-të, variablat dhe funksionet e panjohura refuzohen në vend.

Rikthim i aksesueshëm

CSS-ja e gjeneruar përfshin një ngjyrë sfondi rezervë të fortë krahas gradientit për interpretuesit e pambështetur dhe kromin e kontrollit të arritshëm.

Pyetjet e bëra më shpesh

A ngarkohet gradienti im?

Jo. Gjendja e gradientit, ngjyrat, CSS-ja e importuar dhe CSS-ja e gjeneruar qëndrojnë në shfletuesin tuaj.

Cilat lloje të gradientëve CSS janë mbështetur?

Gjeneratori krijon dalje linear-gradient(), radial-gradient() dhe conic-gradient() me disa ndalje ngjyrash hex.

Çfarë mund të importoj?

Importi pranon një gramatikë të kufizuar qëllimisht duke përdorur një funksion gradient të mbështetur, ngjyra hex, përqindje opsionale dhe vlera të kufizuara të këndit ose pozicionit.

Zhvilluesit dhe mjetet e dizajnit të lidhura

Mjetet e zhvilluesitShfletoni mjetet e shfletuesit Konvertuesi i ngjyrave CSSKonverto ngjyrat CSS Përpilues SCSSPërpiloni fragmente Sass/SCSS në internet Minifikuesi CSSKompresoni kodin CSS në vend në shfletuesin tuaj. Zgjedhësi i ngjyrave të imazhitZgjidhni ngjyra nga imazhet në vend.

Gjenerues i gradientëve CSS

Ndërtoni gradientë linearë ose radialë CSS dhe shikoni paraprakisht ndalesat e ngjyrave, këndin, pozicionin dhe përsëritjen.

Hyrje
Lloji i gradientit, ndalesat e ngjyrave, pozicionet, këndi dhe cilësimet e përsëritjes.
Prodhimi
Një pamje paraprake të drejtpërdrejtë dhe deklaratë të kopjueshme të sfondit CSS.
Kufizime reale
Paraqitja e shfletuesit mund të ndryshojë pak sipas motorit, dhe mjeti nuk vlerëson kontrastin ose garanton mbështetje në shfletues të vjetër.
Privatësia dhe përpunimi i të dhënave
lloji i gradientit, ndalesat e ngjyrave, pozicionet, këndi dhe cilësimet e përsëritjes përpunohen në këtë skedë të shfletuesit. Convertr nuk e merr ose ruan atë; mbyllja ose ringarkimi i faqes pastron gjendjen e punës, përveç nëse mjeti ofron në mënyrë të qartë një shkarkim lokal.

Si ta përdorni këtë mjet

  1. Siguroni tipin e gradientit, ndalesat e ngjyrave, pozicionet, këndin dhe rregullimet e përsëritura në kontrollet e mjetit.
  2. Zgjidhni cilësimet që ndikojnë në një pamje paraprake live dhe deklaratën e kopjueshme të sfondit CSS, pastaj ekzekutoni mjetin.
  3. Shqyrtoni një pamje paraprake të drejtpërdrejtë dhe një deklaratë CSS të kopjueshme përpara se ta kopjoni ose shkarkoni.

Mënyrat e zakonshme të dështimit

Një ndalesë ngjyre e munguar, ngjyrë e pavlefshme ose pozicion i papajtueshëm pengon ndërtimin e një deklarate të vlefshme CSS.

Shembull i dobishëm

Krijoni një gradient linear 90 gradë nga #111827 në 0% në #f59e0b në 100% dhe kopjoni deklaratën.