Πώς λειτουργεί
Το εργαλείο CSS clip-path ενώνει τα σημεία με τη σειρά που τα δίνετε και κλείνει το πολύγωνο. Η προεπισκόπηση δείχνει την πραγματική αποκοπή στον browser και το αποτέλεσμα είναι έτοιμο για χρήση σε κανόνα CSS.
Παράδειγμα
Τα τέσσερα προεπιλεγμένα σημεία σχηματίζουν τραπέζιο: η πάνω πλευρά καλύπτει όλο το πλάτος και η κάτω εκτείνεται από το 25% έως το 75%.
Πριν χρησιμοποιήσετε το αποτέλεσμα
Τα σημεία ορίζονται ως ποσοστά των διαστάσεων του στοιχείου. Αν οι πλευρές τέμνονται, μπορεί να προκύψουν επικαλυπτόμενα σχήματα. Το εργαλείο διατηρεί τη σειρά εισαγωγής των σημείων.
Παραπομπή σε αυτή τη σελίδα
ToolOctopus. “Δημιουργία CSS clip-path.” Ενημερώθηκε 7 Οκτωβρίου 2026. https://tooloctopus.com/el/δημιουργία-css-clip-path.
Προσθέστε ημερομηνία πρόσβασης, αν απαιτείται από τις οδηγίες σας.
Οι παραπομπές μορφοποιούνται με το citeproc-js του Frank Bennett και πρότυπα Citation Style Language. Άδεια χρήσης και πηγαίος κώδικας.