Εργαλεία CSS

Σύρε ρυθμιστικά για να στρογγυλέψεις κάθε γωνία και αντέγραψε το CSS border-radius.

Προσάρμοσε ρυθμιστικά για μετατόπιση, θόλωμα, εξάπλωση και χρώμα, μετά αντέγραψε το CSS box-shadow.

Σχεδιάστε μια σκιά οπτικά και αποκτήστε το ακριβές αντικείμενο στυλ React Native τόσο για iOS όσο και για Android.

Διαμορφώστε μια προσαρμοσμένη καμπύλη εξομάλυνσης με ολισθητές, προεπισκοπήστε την κινούμενη εικόνα, και αντιγράψτε το CSS cubic-bezier().

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

Δημιουργήστε μια περιστρεφόμενη, αναπηδώσα ή παλλόμενη κινούμενη εικόνα φόρτωσης CSS και αντιγράψτε το CSS + HTML.

Στυλάρετε ένα στρογγυλεμένο τικ, διακόπτη εναλλαγής ή γεμάτο κύκλο checkbox και αντιγράψτε το CSS.

Ρυθμίστε μέγεθος, χρώματα και στρογγύλεμα, και αντιγράψτε έναν προσβάσιμο διακόπτη toggle με βάση checkbox ως HTML και CSS.

Επιλέξτε κατεύθυνση, μέγεθος και χρώμα, και αντιγράψτε ένα τρίγωνο καθαρού CSS φτιαγμένο με το τέχνασμα border.

Προσαρμόστε αδιαφάνεια φόντου, θόλωση, περίγραμμα και ακτίνα για να χτίσετε μια κάρτα θαμπού γυαλιού, μετά αντιγράψτε το CSS.

Επιλέξτε ένα μοτίβο (κουκκίδες, ρίγες, σκακιέρα, πλέγμα), προσαρμόστε χρώμα και μέγεθος, μετά αντιγράψτε το CSS.

Χτίστε γραμμικές και ακτινικές διαβαθμίσεις με χρωματικά σημεία και ολισθητή γωνίας, μετά αντιγράψτε το CSS.

Επιλέξτε ένα προκαθορισμένο σχήμα, προεπισκοπήστε την περικοπή ζωντανά, και αντιγράψτε το παραγόμενο clip-path CSS.

Αναζητήστε οποιοδήποτε προεπιλεγμένο χρώμα του Tailwind και προς τις δύο κατευθύνσεις: hex σε όνομα κλάσης, ή όνομα κλάσης σε hex/RGB — συν μια πλήρη περιηγήσιμη παλέτα.

Μετατρέψτε κωδικούς χρωμάτων Pantone (PMS), CMYK, RGB και Hex προς τις δύο κατευθύνσεις, με μια αναζητήσιμη βάση αναφοράς 1.341 χρωμάτων Pantone.

Επιλέξτε οποιοδήποτε χρώμα οπτικά ή δειγματίστε το από μια ανεβασμένη εικόνα, με έξοδο HEX, RGB και HSL και κουμπιά αντιγραφής.