5 Awesome Χαρακτηριστικά CSS3
Πολλές συναρπαστικές νέες λειτουργίες και χαρακτηριστικά είναι να σκεφτεί για CSS3. Θα προσπαθήσουμε και προβάλλουν ορισμένα από αυτά σε αυτή τη σελίδα. Έτσι, ρίξτε μια ματιά σε αυτά τα 5 Awesome Χαρακτηριστικά CSS3 και να μας γνωστοποιήσετε τις σκέψεις σας σε σχόλιο.
Εδώ είναι το CSS3 χρήσιμες συμβουλές. Ελπίζω ότι, θα βρείτε μια χρήσιμη πηγή έμπνευσης για το επόμενο έργο του σχεδιασμού σας. Ευχαριστώ!
1. Στρογγυλεμένες Corner
Δεν χρειάζεται να έχουν εικόνα για κάθε γωνία. Μπορεί να καταστήσει το ίδιο τώρα!
Κωδικός
. Box ( ; background-color: # 6b6b6b? -moz-border-radius: 7px? -webkit-border-radius: 7px? solid # 000 ; border: 1px solid # 000? ; padding: 10px? πλάτος: 500px? ; color: # fff? )
2. Text Shadow
Μάθετε πώς μπορείτε να προσθέσετε σκιές στο κείμενο. Το μόνο web browser που υποστηρίζει το CSS3 κείμενο-ιδιοκτησία σκιά είναι Safari.
Κωδικός:
h1 ( 2px 2px 2px ; text-shadow: # 9c9c9c 2px 2px 2px? ; Χρώμα: # 993333? )
3. Border εικόνας
Ένα άλλο συναρπαστικό νέο χαρακτηριστικό των συνόρων της CSS3 είναι η ιδιοκτησία των συνόρων-εικόνας. Μάθετε πώς να χρησιμοποιείτε σωστά εικόνας
4. Χρησιμοποιώντας Κάθε Custom Font
CSS 3 μπορεί να διαβάσει ένα αρχείο γραμματοσειράς αν καθορίσετε τη διαδρομή, και στη συνέχεια μπορεί να καταστήσει το κείμενο που έχετε εφαρμόσει την κατηγορία CSS ή id
5. Πολλαπλές Backgrounds
Τέλος, μπορείτε να εφαρμόσετε περισσότερες από μία φόντο το ένα στοιχείο.
Ένα καλό μέρος για να δείτε μερικά τρομερό CSS3 χαρακτηριστικά είναι μια ιστοσελίδα που ονομάζεται CSS3.info.
εάν επιθυμείτε να λάβετε περισσότερες έμπνευση από εμάς, παρακαλώ σκεφτείτε να εγγραφείτε για να μας ζωοτροφές από RSS ή μέσω email.
Σχετικά άρθρα:
αν απολαύσατε την ανάγνωση αυτού του άρθρου, παρακαλώ ελέγξτε τα άλλα συναφή άρθρα παρακάτω:
- Η δημιουργία ενός Φωτογραφικό Αρχείο με Λεζάντα
- Φροντιστήριο να δημιουργήσει ένα όμορφο, απλό, οριζόντιο μενού CSS
- Πώς να δημιουργήσετε letterpress Τυπογραφίας στο Photoshop
- Πώς να δημιουργήσετε Νίκαιας Scalable CSS Βασισμένο Breadcrumbs
- Πώς να δημιουργήσετε Smooth Γυαλιστερό Επίδραση Κείμενο στο Photoshop


























































Deepu Balan λέει στις: 16 Δεκεμβρίου, 2009 στις 3:30 μ.μ. Είπε:
Ευχαριστώ για τις συμβουλές ... Αλλά κείμενο-σκιά δεν είναι CSS2 ιδιοκτησίας, όσο γνωρίζω css επίπεδο του 3 ιδιοκτησίας. Μαζί με σαφάρι, κείμενο-ιδιοκτησία σκιά υποστηρίζεται από Firefox3.5 και ακόμη IE9 υποθέτω.
-Deepu
Andy Γουάλπολ λέει στις: 13 Ιανουαρίου του 2010 at 8:33 am Said:
Τα παιδιά δεν μπορεί να πάρει αρκετό του ότι CSS3.
Έχω χρησιμοποιήσει όλα τα πέντε από τα παραπάνω παραδείγματα και είναι όλα τα οπτικά εντυπωσιακά.
Ελάτε ένα-δύο χρόνια και θα είναι πρότυπο για κάθε δικτυακό τόπο κατασκευής.
Τελευταία blog Andy Walpole του .. Το διαδίκτυο πριν από 10 χρόνια αυτό το μήνα - Ιανουάριος 2000