CSS Triangle Generator

CSS triangle generator lets you create triangle by border CSS for your website or app. You can preview and copy or download the generated CSS code.

1Triangle Settings

Position

Direction

Type

2Size

Width

Width ({{vm.width}}px)

Left ({{vm.widthLeft}}px)

Right ({{vm.widthRight}}px)

Height

Height ({{vm.height}}px)

Top ({{vm.heightTop}}px)

Bottom ({{vm.heightBottom}}px)

3Color

Preview

CSS Code


        

HTML Code