- - Pasirinkite spalvas, kad suformuotumėte gradientą, ir gaukite CSS 3 kodą su gradientu [Mac]

Pasirinkite spalvas, kad suformuotumėte gradientą, ir gaukite CSS 3 kodą su gradientu [Mac]

Apibrėžti CSS 3 klasę spalvų gradientui yra:varginanti užduotis, nes reikia surasti reikiamus spalvų atspalvius ir tada juos maišyti, kad susidarytų gradientas. Kai gradientas yra sukurtas, jį pakeisti CSS3 kodu (vadinti HTML5) nėra labai lengva; Žiniatinklio dizaineriai dažnai stengiasi rasti tikslias skirtingų spalvų atspalvių HEX reikšmes, kad galiausiai sukurtų spalvų gradiento CSS klasę. Gradientas yra maža, elegantiška „Mac“ programa, kurileidžia pasirinkti spalvas, kad būtų suformuotas gradientas, pakeisti gradiento formas ir sugeneruoti CSS3 kodą galutiniam gradiento variantui, kurį norite naudoti savo svetainės stiliaus dokumente. Programa pateikiama su RGB ir HEX spalvų kodų redaktoriais, kad būtų galima rankiniu būdu sureguliuoti spalvų gradiento atspalvius. Į programą taip pat buvo integruoti du maži spalvų rinkikliai, kurie kiekvienam gradiento spalvų atspalviui pasirenka spalvas iš ekrano.

Pasirinkite norimą ekrano spalvąįtraukti į gradientą, spustelėkite padidinamojo stiklo mygtuką, kad paleistumėte spalvų parinkiklį, ir perkelkite žymeklį, kad pamatytumėte spalvų atspalvius. Spragtelėjimas išsaugos programos atspalvį, esantį po dabartine pelės žymeklio vieta. Panašiai galite pasirinkti ir kitą gradiento spalvų atspalvį. Mažas spalvų keitimas mygtuką galima perjungti iš srovės į kitągradiento spalvos. Pagal numatytuosius nustatymus RGB ir HEX spalvų kodų redaktorius nematomas. Tačiau galite tai atskleisti paspausdami rodyklę žemyn. Tai rodo abiejų spalvų gradiento atspalvių RGB ir HEX reikšmes.

gradiento pagrindinis 2

Be spalvų parinkiklio, galite pakeisti ir rankiniu būdugradiento spalvos, naudojant „Mac“ natūraliųjų spalvų paletę. Po RGB ir HEX spalvų kodų redaktoriais rasite jungiklio mygtuką, kad pasirinktumėte reikiamą gradiento stilių ir kampą. Pagal numatytuosius nustatymus jis rodo 4 kampus. Spustelėjus jungiklio mygtuką, jis parodo skirtingus gradiento stilius.

nuolydis

„Gradient“ palaiko visas plačiai naudojamas interneto naršykles, įskaitant „Firefox“, „Opera“, „Chrome“ ir „Internet Explorer“. Iš „Nustatymų“ galite pakeisti „Fallback“ spalvą ir pakeisti išvesties režimą.

nustatymai

Baigę CSS kodą galite peržiūrėti spustelėję CSS mygtuką. Tačiau, jei norite tiesiogiai nukopijuoti CSS kodą, spustelėkite Kopijuoti, kad įklijuotumėte kodą į CSS failą arba programos kūrimo IDE.

kodas

Apskritai, „Gradient“ suteikia greitas priemones gradiento CSS kodo projektavimui ir įdėjimui į savo grafinio dizaino projektą. Jis veikia „Mac 10.6“ ar naujesnėje versijoje.

Atsisiųsti gradientas

Komentarai