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

Μετατρέψτε συντεταγμένες σε ποσοστά σε ένα σχήμα αποκοπής με CSS.

Στη συσκευή σου · Χωρίς λογαριασμό

Το Δημιουργία CSS clip-path επεξεργάζεται όσα εισάγεις σε αυτό το πρόγραμμα περιήγησης. Τα δεδομένα εισόδου και τα αποτελέσματα δεν περιλαμβάνονται στα δεδομένα ανάλυσης χρήσης. Τα πρόσφατα εργαλεία αποθηκεύουν ονόματα εργαλείων, αριθμό επισκέψεων και χρόνους τελευταίας επίσκεψης. Τα αποθηκευμένα εργαλεία κρατούν μόνο τα ονόματά τους. Η αποθήκευση προχείρου είναι προαιρετική και γίνεται μόνο σε αυτή τη συσκευή· διέγραψε το αποθηκευμένο κείμενο από τα χειριστήρια του προχείρου. Η φόρτωση κειμένου από URL είναι προαιρετική και συνδέεται με τον αντίστοιχο διακομιστή· ο διακομιστής βλέπει το URL και τη διεύθυνση IP σου. Η προαιρετική ενέργεια «Χρήση σε» κρατά προσωρινά σε αυτή την καρτέλα τα δεδομένα για το επόμενο εργαλείο. Το επόμενο εργαλείο τα αφαιρεί μόλις ανοίξει και τα αγνοεί αν έχει περάσει πάνω από ένα λεπτό.

Η «Αντιγραφή συνδέσμου» περιλαμβάνει στη διεύθυνση τα δεδομένα εισόδου που επιλέγεις να κοινοποιήσεις. Όποιος έχει τον σύνδεσμο μπορεί να τα ανοίξει ξανά. Τα αρχεία και τα παραγόμενα αποτελέσματα δεν περιλαμβάνονται. Τα εργαλεία κωδικών πρόσβασης και κλειδιών κοινοποιούν μόνο ρυθμίσεις.

Το αποτέλεσμά σας

 

Περισσότερα
Συντομεύσεις πληκτρολογίου

Σχετικά με συνδέσμους και επαναφορά

Οι σύνδεσμοι περιλαμβάνουν τα δεδομένα που εισάγετε και τις ρυθμίσεις σας. Όποιος έχει τον σύνδεσμο μπορεί να τα δει, οπότε μην συμπεριλαμβάνετε ιδιωτικό κείμενο. Τα αρχεία και τα αποτελέσματα που δημιουργούνται δεν περιλαμβάνονται· οι τυχαίες κληρώσεις εκτελούνται ξανά.

Η επαναφορά φορτώνει ξανά το εργαλείο με τις αρχικές τιμές και αποδεσμεύει τα ανοιχτά αρχεία και τον έλεγχο των συσκευών. Τα αποθηκευμένα πρόχειρα παραμένουν σε αυτή τη συσκευή μέχρι να τα διαγράψετε.

Πώς λειτουργεί

Το εργαλείο CSS clip-path ενώνει τα σημεία με τη σειρά που τα δίνετε και κλείνει το πολύγωνο. Η προεπισκόπηση δείχνει την πραγματική αποκοπή στον browser και το αποτέλεσμα είναι έτοιμο για χρήση σε κανόνα CSS.

Επόμενο: Δημιουργία τριγώνου με CSS

Παράδειγμα

Τα τέσσερα προεπιλεγμένα σημεία σχηματίζουν τραπέζιο: η πάνω πλευρά καλύπτει όλο το πλάτος και η κάτω εκτείνεται από το 25% έως το 75%.

Πριν χρησιμοποιήσετε το αποτέλεσμα

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

Παραπομπή σε αυτή τη σελίδα

ToolOctopus. “Δημιουργία CSS clip-path.” Ενημερώθηκε 7 Οκτωβρίου 2026. https://tooloctopus.com/el/δημιουργία-css-clip-path.

Προσθέστε ημερομηνία πρόσβασης, αν απαιτείται από τις οδηγίες σας.

Οι παραπομπές μορφοποιούνται με το citeproc-js του Frank Bennett και πρότυπα Citation Style Language. Άδεια χρήσης και πηγαίος κώδικας.

Βρες ένα εργαλείο

Type a task, a unit pair, a sum or a time zone. ↓ to choose, Enter to open.