Lisage oma veebilehte eelnevalt kavandatud nupud Butns.css abil

Frontend raamistikud, nagu Bootstrap, tulevad koos oma oma nuppude stiilid, aga nemad ei ole tavaliselt palju erinevaid.

Tasuta Butnsi raamatukogu pakkumisi kohandatud nuppude stiilid ilma kogu raamistikuta. See on ideaalne arendajatele juba on kohandatud lehekülje kujundus kuid ei taha tegeleda oma nuppude kujundamisega.

Teil on praktiliselt piiramatud valikud ja kombinatsioonid. Butns on üle 30+ erineva tausta / piiri värvi et saate segada ja sobitada traditsiooniliste lamedad nupud või pillide nupud või isegi kummitusnupud.

Võite valida ka vahel erinevad gradientstiilid et võrgus on kaks erinevat värvi. Need nihkega nööbid näevad väljapaiskuva varjundiga efekti jaoks pisut varju.

Lisaks värvidele ja varjudele saate ka muuta kuju, suurust ja läbipaistvust mis tahes nupust.

Kõik on CSS klasside kaudu, nii et teil on tõesti täielik juurdepääs raamatukogus asuvale.

Mulle meeldib kõige rohkem Butnst on see, et saate kergesti lülituda erinevate stiilide vahel lihtsalt ühe klassi nime uuendamine. Stiilide lisamiseks või stiilitabeli muutmiseks pole liiga keerulist süsteemi. Sa lihtsalt vahetavad klassid ja sa oled hea minna.

Kuigi seal pole kahju mõned neist klassidest üle kirjutada oma eelistustega. See on CSS-i kaskaadiefekti ilu.

Alustamiseks lihtsalt lae alla .css faili Butnsi kodulehelt või GitHub repost. Nad mõlemad seostuvad kõige ajakohasema versiooniga, nii et mõlemad on OK.

Kui see on teie veebilehe juurde lisatud, lihtsalt lisage klass .nuppu midagi, mida soovid nuppudega kujundada. Sealt on küsimus lisaklasside lisamine värvi, suuruse ja stiili järgi.

Heitke pilk GitHubi lehele klasside nimekirja lähedal. Leiad a kõigi klasside täielik nimekiri värvi, nupu tüübi ja kuvamisvalikute, nagu väike / suur või poolläbipaistev.

Butns.css on lihtsalt üks kõige laiaulatuslikuma nupu stiili veebis. Võite selle lisada mitmele veebiprojektile ja kõik need saavad on teistsugune välimus selle ühe raamatukoguga.

See samuti mängib kenasti koos teiste raamidega näiteks Bootstrap alates klassid ei kattu. Nii saate liituda Butnsi peaaegu igasuguse turul oleva turvaelementidega ilma probleemideta.