Εκμάθηση Σχεδιασμού & Αλγορίθμων 2025, Ιανουάριος

Υπάρχουν τριγωνικοί χαρακτήρες unicode. Θα μπορούσατε να σχεδιάσετε ένα τρίγωνο στο SVG. Αλλά υπάρχει ένας άλλος τρόπος για να σχεδιάσετε ένα τρίγωνο στον Ιστό, που δεν περιλαμβάνει τίποτα άλλο από την ιδιοκτησία των συνόρων και μια μικρή τεχνική CSS.

Υπάρχουν μερικές κινούμενες εικόνες κύλισης που είναι δυνατές στο CSS χωρίς καθόλου JavaScript. Απλώς ρίξτε μια ματιά στο κεφάλαιο του Scroll Indicator, που είναι σαφώς μαγικό CSS. Αλλά μπορούμε να κάνουμε πολλή εργασία animation κύλισης απευθείας στο CSS με μόνο λίγες πληροφορίες που παρέχονται από το JavaScript: πόσο μακριά έχει μετακινηθεί η σελίδα. "

Η ιδιότητα box-shadow είναι προφανώς χρήσιμη για σκιές φωτός πίσω από στοιχεία που παρέχουν μια αίσθηση διαστάσεων και διαχωρισμού. Αλλά το box-shadow είχε μερικά κόλπα στο μανίκι του, ειδικά με το πώς μια σκιά κουτιού δεν χρειάζεται να είναι μαλακή, μπορεί να στοιβάζεται και δεν χρειάζεται καν να είναι ιδιαίτερα κοντά. "

Μπορείτε να δημιουργήσετε ρίγες φόντου σε CSS χρησιμοποιώντας γραμμική κλίση. Συχνά σκεφτόμαστε μια κλίση ως ξεθώριασμα από το ένα χρώμα στο άλλο, αλλά το κόλπο για ρίγες είναι να μην έχει καθόλου εξασθένιση. Αντ 'αυτού, μπορούμε να καθορίσουμε "στάσεις χρώματος" στην ίδια θέση, έτσι ώστε το χρώμα να αλλάζει αμέσως από ένα (…) "

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

Η μεταφορά ενός στοιχείου γύρω από την οθόνη είναι κάτι που είναι αρκετά σταθερά στην περιοχή της JavaScript. Θα θέλετε πρόσβαση σε εκδηλώσεις DOM όπως κλικ και κίνηση του ποντικιού. Αλλά είμαστε εδώ για να μιλήσουμε για την απάτη CSS, οπότε ας το κάνουμε μόνο σε HTML και CSS! "

Οι ετικέτες πρέπει να έχουν χαρακτηριστικά "για" που ταιριάζουν με το αναγνωριστικό της εισόδου που επισημαίνουν. Αυτό σημαίνει ότι μπορούμε να βάλουμε αυτό το χαρακτηριστικό και να το χρησιμοποιήσουμε σε έναν επιλογέα για να "