Lisää sivustoosi valmiiksi suunniteltuja painikkeita Butns.css n avulla

Frontend-kehykset, kuten Bootstrap, tulevat niiden mukana omia painikkeita, mutta he ei yleensä ole paljon erilaisia.

Vapaa Butns-kirjasto tarjoukset muokattujen painikkeiden tyylit ilman koko kehystä. Tämä on täydellinen kehittäjille, jotka on jo mukautettu sivusuunnittelu mutta et halua käsitellä omia painikkeita.

Voit valita käytännöllisesti katsoen rajattomat valinnat ja yhdistelmät. Butns on yli 30 + eri taustavärit että voit sekoittaa ja sovittaa perinteisiä litteät painikkeet tai pilleripainikkeet tai jopa haamupainikkeet.

Voit myös valita välillä eri gradienttityylit että silmät kaksi eri väriä yhdessä. Nämä kaltevuuspainikkeet näyttävät upeilta, kun kohokuviointivaikutus on pudonnut.

Värien ja varjojen ohella voit myös muuttaa muotoa, kokoa ja läpinäkyvyyttä minkä tahansa painikkeen.

Kaikki on CSS-luokkien kautta, joten sinulla on todellinen pääsy kaikkeen kirjastossa.

Mitä pidän eniten Butnsista, on, että voit helposti vaihtaa eri tyylejä vain päivittää yhden luokan nimen. Ei ole liian monimutkaista järjestelmää lisätä tyylejä tai muokata tyylitaulukkoa. Sinä vain vaihdat luokat ja olet hyvä mennä.

Vaikka siellä ei ole haittaa joitakin näistä luokista omilla asetuksillasi. Se on CSS: n kaskadivaikutuksen kauneus.

Aloita vain lataa .css tiedosto Butnsin kotisivulta tai GitHub-reposta. Ne molemmat linkittyvät uusimpaan versioon, joten kumpikin tapa on OK.

Kun se on lisätty verkkosivullesi, vain liitä luokka .nappi mihin tahansa haluat olla muotoiltu kuin painike. Sieltä on kysymys lisää luokkia haluamasi painikkeen värin, koon ja tyylin perusteella.

Katsokaa GitHub-sivua lähelle luokaluetteloa. Löydät täydellinen luettelo kaikista luokista värin, painikkeen tyypin ja näyttövaihtoehtojen muokkaamiseen, kuten pienet / suuret tai puoliksi läpinäkyvät.

Butns.css on helposti yksi kattavimmista painikkeista verkossa. Voit lisätä sen useisiin web-projekteihin, ja ne kaikki voivat näyttää erilaiselta tämän kirjaston kanssa.

Se myös pelaa hienosti muiden kehysten kanssa kuten Bootstrap vuodesta luokat eivät ole päällekkäisiä. Joten voit yhdistää Butnsin lähes mihin tahansa muuhun frontend-kehykseen markkinoilla ilman vaivaa.