Προσθέστε Προ-σχεδιασμένα κουμπιά στην περιοχή σας με το Butns.css

Τα πλαίσια πλαισίου, όπως το Bootstrap, έρχονται με τους δικά στυλ κουμπιών, αλλά αυτοί δεν έχουν συνήθως μεγάλη ποικιλία.

Το δωρεάν Βιβλιοθήκη Butns προσφορές ένα πλήθος προσαρμοσμένων στυλ κουμπιών χωρίς το συνολικό πλαίσιο να επισυνάπτεται. Αυτό είναι ιδανικό για προγραμματιστές που ήδη έχουν ένα προσαρμοσμένο σχέδιο σελίδας αλλά δεν θέλουν να ασχοληθούν με τη δημιουργία των δικών τους στυλ κουμπιών.

Έχετε πρακτικά απεριόριστες επιλογές και συνδυασμούς για να επιλέξετε από. Ο Butns έχει πάνω από 30+ διαφορετικά χρώματα φόντου / συνόρων που μπορείτε να συνδυάσετε και να ταιριάξετε με τα παραδοσιακά επίπεδη κουμπιά ή κουμπιά χάπι ή ακόμη και κουμπιά φάντασμα.

Μπορείτε επίσης να επιλέξετε μεταξύ διαφορετικά στυλ κλίσης που συνδέουν δύο διαφορετικά χρώματα μαζί. Αυτά τα κουμπιά κλίσης φαίνονται υπέροχα με μια σκιά σταγόνας για ένα ανυψωμένο εφέ ανάγλυφου.

Μαζί με τα χρώματα και τις σκιές, μπορείτε επίσης αλλάξτε το σχήμα, το μέγεθος και τη διαφάνεια οποιουδήποτε κουμπιού.

Ολα είναι ελέγχονται μέσω των τάξεων CSS, έτσι έχετε πραγματικά πλήρη πρόσβαση σε όλα στη βιβλιοθήκη.

Αυτό που μου αρέσει περισσότερο για το Butns είναι ότι μπορείτε εύκολα εναλλαγή μεταξύ διαφορετικών στυλ μόνο από ενημέρωση ενός ονόματος κλάσης. Δεν υπάρχει υπερβολικά περίπλοκο σύστημα προσθήκης στυλ ή επεξεργασίας ενός φύλλου στυλ. Απλώς ανταλλάσσετε μαθήματα, και είστε καλά να πάτε.

Αν και δεν υπάρχει καμία ζημιά αντικαθιστώντας μερικές από αυτές τις τάξεις με τις δικές σας προτιμήσεις. Αυτή είναι η ομορφιά του κλιμακωτού αποτελέσματος στο CSS.

Για να ξεκινήσετε μόνο κατεβάστε το .css αρχείο από την αρχική σελίδα του Butns ή από το repo GitHub. Και οι δύο συνδέονται με την πιο ενημερωμένη έκδοση έτσι ώστε ο τρόπος είναι εντάξει.

Μόλις προστεθεί στην ιστοσελίδα σας, απλά επισυνάψτε την τάξη .κουμπί σε οτιδήποτε θέλετε να διαμορφωθεί σαν κουμπί. Από εκεί είναι θέμα προσθέτοντας επιπλέον τάξεις με βάση τα χρώματα, το μέγεθος και το στυλ του κουμπιού που θέλετε.

Ρίξτε μια ματιά στη σελίδα GitHub κάτω από τη λίστα των τάξεων. Θα βρείτε ένα πλήρη λίστα όλων των κατηγοριών για την προσαρμογή του χρώματος, του τύπου κουμπιού και των επιλογών εμφάνισης όπως μικρό / μεγάλο ή ημιδιαφανές.

Butns.css είναι εύκολο ένα από τα πιο ολοκληρωμένα style stylesheet στο δίκτυο. Μπορείτε να το προσθέσετε σε πολλά έργα ιστού, και όλα αυτά μπορούν έχουν διαφορετική εμφάνιση με αυτή τη βιβλιοθήκη.

Επίσης παίζει όμορφα με άλλα πλαίσια όπως Bootstrap από το τάξεις δεν επικαλύπτονται. Έτσι, μπορείτε να συγχωνεύσετε τους Butns με σχεδόν οποιοδήποτε άλλο περιβάλλον εργασίας στην αγορά, χωρίς καμία ταλαιπωρία.