Įtraukite iš anksto sukurtas mygtukus į savo svetainę su „Butns.css“
Frontend rėmai, pvz., „Bootstrap“, ateina su jų savo mygtukų stilius, bet jie paprastai neturi daug įvairių.
Laisvas Butns biblioteka pasiūlymų pasirinktinių mygtukų stilių nužudymas be viso sistemos. Tai puikiai tinka kūrėjams, kurie jau yra pritaikytas puslapio dizainas bet nenorite susidoroti su savo mygtukų stilių kūrimu.
Jūs turite beveik neribotus pasirinkimus ir derinius, kuriuos galite pasirinkti. Butnsas turi virš 30 + skirtingų fono / sienų spalvų kad jūs galite maišyti ir suderinti tradicinius plokštieji mygtukai arba tablečių mygtukai ar net vaiduoklių mygtukai.
Taip pat galite pasirinkti skirtingų gradiento stilių kad dvi skirtingos spalvos kartu. Šie gradiento mygtukai atrodo nuostabūs, kai šešėlis yra padidintas įspaudas.
Be spalvų ir šešėlių, taip pat galite pakeisti formą, dydį ir skaidrumą bet kurio mygtuko.
Viskas yra kontroliuojamas per CSS klases, todėl jūs tikrai turite visišką prieigą prie visko bibliotekoje.
Man labiausiai patinka tai, kad jūs galite lengvai perjungti skirtingus stilius tiesiog atnaujinti vienos klasės pavadinimą. Nėra pernelyg sudėtingos stilių pridėjimo ar stiliaus lentelės redagavimo sistemos. Jūs tiesiog apsikeitėte klasėmis, ir jūs gerai einate.
Nors nėra jokios žalos perrašyti kai kurias iš šių klasių su savo pasirinkimais. Tai kaskadinio efekto grožis CSS.
Norėdami pradėti tiesiog atsisiųskite .css
failą iš „Butns“ pagrindinio puslapio arba „GitHub“ repo. Jie abu susiję su naujausia versija, todėl bet kuriuo atveju yra gerai.
Kai tik tai pridėta prie jūsų tinklalapio, tiesiog pridėti klasę .mygtukas
į viską, ką norite suformuoti kaip mygtuką. Iš ten tai yra pridedant papildomų klasių pagal pageidaujamo mygtuko spalvas, dydį ir stilių.
Pažvelkite į „GitHub“ puslapį žemyn prie klasės sąrašo. Rasite a pilnas visų klasių sąrašas spalvų, mygtukų tipo ir rodymo parinkčių, pvz., mažų / didelių arba pusiau skaidrių, pritaikymui.
Butns.css yra lengvai vienas iš išsamiausių mygtukų stiliaus lapų žiniatinklyje. Galite pridėti jį prie kelių interneto projektų, ir visi jie gali atrodo kitaip su šia viena biblioteka.
Taip pat gerai groja su kitomis sistemomis pvz., „Bootstrap“ nuo klasės nesutampa. Taigi, galite sujungti „Butns“ su beveik bet kokia kita „frontend“ sistema rinkoje be jokių rūpesčių.