Tạo Tam Giác CSS

Tạo mũi tên tam giác bằng CSS thuần cho tooltip, nhãn và UI decoration.

Developer Direct route, no hidden menu

Output

Result

Step 2

CSS

—

Chọn hướng, kích thước và màu. Công cụ tạo CSS border-based kèm preview trực tiếp.

Tạo tam giác hướng lên làm mũi tên tooltip hoặc tam giác hướng phải làm nút play.

Nó dùng phần tử có width/height bằng 0, ba cạnh border trong suốt và một cạnh border có màu để tạo hình tam giác.

Được. Copy CSS vào pseudo-element như ::before hoặc ::after.

Không. Kết quả sinh ra là CSS thuần.