Główna » Projektowanie stron » Dodaj wstępnie zaprojektowane przyciski do swojej witryny za pomocą Butns.css

    Dodaj wstępnie zaprojektowane przyciski do swojej witryny za pomocą Butns.css

    Struktury frontendowe, takie jak Bootstrap, pochodzą z ich własne style przycisków, ale oni zazwyczaj nie mają wiele odmian.

    Wolny Biblioteka Butnsa oferuje mnóstwo niestandardowych stylów przycisków bez dołączonego całego szkieletu. Jest to idealne rozwiązanie dla programistów, którzy już masz niestandardowy projekt strony ale nie chcę zajmować się tworzeniem własnych stylów przycisków.

    Masz praktycznie nieograniczone możliwości wyboru i kombinacji. Butns ma ponad 30 różnych kolorów tła / obramowania że możesz mieszać i dopasowywać do tradycyjnych płaskie przyciski lub przyciski pigułki lub nawet przyciski duchów.

    Możesz także wybrać pomiędzy różne style gradientu które łączą ze sobą dwa różne kolory. Te przyciski gradientowe wyglądają wspaniale z cieniem dla uzyskania efektu wytłoczenia.

    Wraz z kolorami i cieniami możesz również zmienić kształt, rozmiar i przezroczystość dowolnego przycisku.

    Wszystko jest kontrolowane za pomocą klas CSS, więc naprawdę masz pełny dostęp do wszystkiego w bibliotece.

    To, co najbardziej podoba mi się w Butns, to to, że możesz łatwo przełączać się między różnymi stylami tylko przez aktualizacja jednej nazwy klasy. Nie ma zbyt skomplikowanego systemu dodawania stylów ani edytowania arkusza stylów. Po prostu zamieniasz klasy i dobrze jest iść.

    Chociaż nie ma w tym nic złego nadpisać niektóre z tych klas z własnymi preferencjami. To piękno efektu kaskadowego w CSS.

    Aby zacząć, wystarczy pobierz .css plik ze strony głównej Butns lub z repozytorium GitHub. Oba łącza do najbardziej aktualnej wersji, więc oba sposoby są w porządku.

    Po dodaniu do Twojej strony internetowej dołącz klasę .przycisk do wszystkiego, co chcesz mieć kształt guzika. Stamtąd jest kwestia dodawanie dodatkowych klas w oparciu o kolory, rozmiar i styl przycisku, który chcesz.

    Spójrz na stronę GitHub w pobliżu listy klas. Znajdziesz pełna lista wszystkich klas do dostosowania koloru, typu przycisku i opcji wyświetlania, takich jak mały / duży lub półprzezroczysty.

    Butns.css jest łatwy jeden z najbardziej wszechstronnych arkuszy stylów przycisków w sieci. Możesz dodać go do wielu projektów internetowych, a wszystkie mogą mieć inny wygląd z tą jedną biblioteką.

    To także ładnie gra z innymi frameworkami takie jak Bootstrap od czasu klasy się nie pokrywają. Dzięki temu możesz połączyć Butnsa z niemal wszystkimi innymi frameworkami na rynku bez żadnych kłopotów.