Apvienojiet savu CSS gradientu ar šo bezmaksas tīmekļa lietotni

Katram tīmekļa dizainerim būtu jāzina CSS3 gradienti. Viņi ir jau vairākus gadus, un tos plaši atbalsta visas galvenās pārlūkprogrammas.

Un tagad, bezmaksas tīmekļa lietotnes, piemēram, Maisījums ļauj izveidot lidojumu CSS3 gradientus pārlūkprogrammas vizuālajos redaktoros. Jūs varat izvēlēties lineārie un radiālie slīpumi kamēr iekrāsojas ar krāsām, lai saplūst.

Sākotnējā lapa ielādējas ar divas cietas krāsas abās pusēs. Varat izmantot krāsu palete pārslēgties starp nokrāsām vai ievadiet a manuālais HEX kods ja jūs zināt vajadzīgo krāsu. Kad jums ir divas krāsas, noklikšķiniet uz “Let's maisījums” poga centrā.

Abas krāsas apvienojas CSS3 gradientā ar rediģējamas iespējas blakus lapas augšdaļai. Jūs varat izvēlēties lineārie gradienti & radiālie slīpumi, un, ja jūs izmantojat lineāro stilu, ko varat velciet centra atrašanās vietu visā lapā.

Plus, kamēr jūs esat maisījuma režīmā jūs joprojām varat atgriezties mainīt krāsas apakšā. Tas ir kā perfekts CSS3 slīpsvītru ģenerators, kas katram dizainerim nepieciešams.

Kad jums ir divas krāsas, varat noklikšķināt uz koda kronšteina ikona augšējā labajā stūrī. Tas parādīs logs ar CSS kodu ka varat kopēt / ielīmēt savās stillapās.

Blend ir bezmaksas rīks, ko radījis NYC dizainers Colin Keany. Tas ir arī savā vietnē, kaut gan es neredzu saiti uz GitHub vai kādu citu bezmaksas avota kodu. Bet viņš rakstīja gadījumu izpēte detalizējot viņa procesu, radot Blend ar visām tās ērtajām funkcijām.

Diemžēl pašreizējā versija neatbalsta vairāk nekā divas krāsas. Bet es nākotnē šķērsoju pirkstus, lai iegūtu vairāku krāsu opcijas.

Tā kā jūs nevarat lejupielādēt vietējo kopiju, es ieteiktu grāmatzīmes Blend turpmākai izmantošanai. Tas ir ideāls veids, kā testa gradienti nepārveidojot stilu.

Un, ja jūs vēlaties dalīties ar savām idejām vai vienkārši pateikties par šo gradienta rīku, varat čivināt Colin @colinkeany.