Γεννήτρια ακτίνας συνόρων

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

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

Η λειτουργία Blob είναι το άλλο μισό: η σύνταξη κάθετου οκτώ τιμών CSS επιτρέπει στις οριζόντιες και κάθετες ακτίνες κάθε γωνίας να διαφωνούν, κάτι που μετατρέπει ένα στρογγυλεμένο ορθογώνιο σε ένα οργανικό, ακανόνιστο περίγραμμα. Πατήστε Randomize για ένα νέο σχήμα ανά πάσα στιγμή και αντιγράψτε το ακριβές CSS πίσω από αυτό — δεν υπάρχει εξαγωγή SVG ή εξωτερική βιβλιοθήκη. Οι προκαθορισμένες σελίδες καλύπτουν τα αιτήματα που οι άνθρωποι πληκτρολογούν πραγματικά σε ένα πλαίσιο αναζήτησης: έναν τέλειο κύκλο, ένα κουμπί χαπιού σε σχήμα γηπέδου, έναν σκίουρος τύπου iOS και μια έτοιμη οργανική σταγόνα.

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