Αρχική σελίδα » Web Design » Δημιουργία καθαρών τριγώνων CSS με αυτή την ελεύθερη εφαρμογή Ιστού

    Δημιουργία καθαρών τριγώνων CSS με αυτή την ελεύθερη εφαρμογή Ιστού

    Υπάρχει μεγάλη ώθηση για να γίνει ο ιστότοπος α περισσότερο CSS-φιλικό μέρος. Για χρόνια, εικόνες ήταν πάντα το λύση για τους hacks του προγράμματος περιήγησης από τα επαναλαμβανόμενα υπόβαθρα στην τεχνική συρόμενων θυρών. Αλλά τώρα είναι πιο εύκολο από ποτέ να δημιουργήσετε μοτίβα, εικονίδια και ειδικά εφέ με το CSS3.

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

    Στους πίνακες επιλογών μπορείτε να αλλάξετε τα τρίγωνα το χρώμα και την κατεύθυνση (πάνω / κάτω και πλάγια). Μπορείτε επίσης να αλλάξετε το τρίγωνο πλάτος ύψος και ακόμη και χάος με το αριστερά / δεξιά λοξά εάν κάνετε ένα τρίγωνο κλίμακας.

    Αυτό είναι μακράν μία από τις πιο cool εφαρμογές ιστού που έχω δει ποτέ. Του φιλοξενείται στο Designyourcode η οποία είναι μια περιοχή γεμάτη από μεγάλα άρθρα blog και δωρεάν εργαλεία web dev.

    Και για όλους τους εραστές του συμβατότητα προς τα πίσω, έχετε την επιλογή να συμπεριλάβετε το Microsoft.Chroma χαρακτηριστικό στο CSS το οποίο προσθέτει υποστήριξη για χρήστες IE6. Λιγότερο από το ένα τοις εκατό του κόσμου χρησιμοποιεί ακόμη και το IE6, αλλά εξακολουθεί να είναι μια ωραία επιλογή.

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

    ή κενό στοιχείο μπλοκ.

    Για παράδειγμα, στο κάνει ένα τρίγωνο προς τα πάνω θα αντιγράψετε τον κώδικα και θα προσθέσετε ένα στοιχείο όπως αυτό:

      

    Οτι θα μπορούσε ένα στοιχείο σε επίπεδο μπλοκ επίσης, ή θα μπορούσε να είναι τοποθετημένα απολύτως μέσα σε ένα άλλο στοιχείο.

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