Σχεδιασμός

Δημιουργία CSS clip-path

Δημιουργήστε πολυγωνικό CSS clip-path από ποσοστιαίες συντεταγμένες.

01Δεδομένα και ρυθμίσεις

Ο υπολογισμός γίνεται στο πρόγραμμα περιήγησης, χωρίς εγκατάσταση λογισμικού.

02Αποτέλεσμα

Αναμονή δεδομένων
Αναμονή δεδομένων

Εισαγάγετε τιμές ή φορτώστε το παράδειγμα για να δείτε το αποτέλεσμα.

Σχετικά με το εργαλείο: Δημιουργία CSS clip-path

Δημιουργήστε πολυγωνικό CSS clip-path από ποσοστιαίες συντεταγμένες.

Οι πράξεις εξαρτώνται από τη μορφή. Οι αποδεκτοί χαρακτήρες και η σύνταξη αναφέρονται στο παράδειγμα.

Μέθοδος υπολογισμού

clip-path: polygon(x₁% y₁%, x₂% y₂%, …)

Αναλυτικό παράδειγμα

Σημεία x; y σε %, ένα ανά γραμμή
50; 0
100; 50
50; 100
0; 50
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);

Ερωτήσεις και απαντήσεις

Τι κάνει το εργαλείο;

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

Τι επηρεάζει την ακρίβεια και τη μορφή;

Οι πράξεις εξαρτώνται από τη μορφή. Οι αποδεκτοί χαρακτήρες και η σύνταξη αναφέρονται στο παράδειγμα.

Πού γίνονται οι υπολογισμοί;

Ο υπολογισμός γίνεται στο πρόγραμμα περιήγησης, χωρίς εγκατάσταση λογισμικού.

Σχόλια (0)

Μοιραστείτε τη γνώμη σας — παρακαλώ να είστε ευγενικοί και εντός θέματος.

Δεν υπάρχουν ακόμη σχόλια. Αφήστε ένα σχόλιο και μοιραστείτε τη γνώμη σας!

Για να αφήσετε σχόλιο, παρακαλώ συνδεθείτε.

Συνδεθείτε για να σχολιάσετε