Generator CSS clip-path

Transformă coordonatele procentuale într-o formă decupată prin CSS.

Pe dispozitivul tău · Fără cont

Generator CSS clip-path prelucrează datele introduse în acest browser. Datele introduse și rezultatele sunt excluse din analizele de trafic. Lista instrumentelor recente salvează numele instrumentelor, numărul de vizite și momentul ultimei vizite. Lista instrumentelor salvate păstrează doar numele acestora. Salvarea ciornelor este opțională și se face pe acest dispozitiv; șterge textul salvat folosind comenzile pentru ciornă. Încărcarea textului de la un URL este opțională și contactează serverul respectiv; serverul vede URL-ul și adresa ta IP. Acțiunea opțională „Folosește în” păstrează în această filă datele de transferat. Următorul instrument le șterge la deschidere și le ignoră dacă a trecut mai mult de un minut.

Opțiunea „Copiază linkul” include în adresă datele introduse pe care alegi să le distribui. Oricine are linkul le poate redeschide. Fișierele și rezultatele generate sunt excluse. Instrumentele pentru parole și chei distribuie doar setările.

Română

Punctele poligonului: x,y pe fiecare rând

Rezultatul tău

Mai mult

Comenzi rapide de la tastatură

Despre linkuri și resetare

Linkurile includ datele introduse și setările tale. Oricine are linkul le poate vedea, așa că nu include text privat. Fișierele și rezultatele generate nu sunt incluse; extragerile aleatorii se repetă.

Resetarea reîncarcă instrumentul cu valorile inițiale, închide fișierele deschise și oprește accesul la dispozitive. Ciornele salvate rămân pe acest dispozitiv până le ștergi.

Cum funcționează

Generatorul CSS clip-path unește punctele în ordinea introdusă și închide poligonul. Previzualizarea arată decuparea realizată efectiv de browser, iar rezultatul poate fi folosit într-o regulă CSS.

În continuare: Generator de triunghiuri CSS

Exemplu

Cele patru puncte implicite formează un trapez: latura de sus ocupă întreaga lățime, iar cea de jos se întinde de la 25% la 75%.

Înainte de a folosi rezultatul

Coordonatele punctelor sunt procente din dimensiunile elementului. Laturile care se intersectează pot produce forme suprapuse; instrumentul păstrează ordinea în care introduci punctele.

Citează această pagină

Stil de citare

ToolOctopus. “Generator CSS clip-path.” Actualizat 7 octombrie 2026. https://tooloctopus.com/ro/generator-css-clip-path.

Adaugă data accesării dacă instrucțiunile tale de citare o cer.

Citările sunt formatate cu citeproc-js, creat de Frank Bennett, și cu stiluri Citation Style Language. Licență și cod sursă.