Saltar al contenido

Devutilitesv 0.9.0

Search

IA

Git

Base de Datos

Matemáticas

Imágenes

Frontend

DNI

Finanzas

Conversores

Datos Mock

Seguridad

Herramientas Dev

Herramientas de Texto

Crypto y Hashing

UUID

Vehículos

Máquina

Pasaporte

Contraseña

Código de Barras

Facturación

Red

Infraestructura

SEO

Productividad

Inicio

Cargando...

© 2024 Devutilites. Todos los derechos reservados.

Política de Privacidad Términos de Servicio·Seguridad Contacto Changelog Ruta Estado··Hecho con Next.js

Constructor de clip path

Crea valores CSS clip-path visualmente

3 vertices

Pure CSS & Tailwind

Polygon Vertex Coordinates (X% & Y%)

Point #1

(50%, 0%)

X50%

Y0%

Point #2

(0%, 100%)

X0%

Y100%

Point #3

(100%, 100%)

X100%

Y100%

Live Polygon Viewport

Triangle Up

Clip-Path

Triangle Up

CSS Clip-Path Declaration

-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

Tailwind CSS Utility Class

[clip-path:polygon(50%_0%,_0%_100%,_100%_100%)]

Curated Geometric Polygon Presets

Triangle Up

Classic equilateral triangle polygon.

Hexagon

Symmetric 6-sided geometric polygon.

5-Point Star

5-pointed geometric star.

Chevron Right

Directional breadcrumb and navigation arrow banner.

Chat Message Bubble

Speech bubble container with pointer tail.