CSS Textbox Generator

CSS textbox generator let's you design and generate CSS3 textbox for your website and saves your time. You can preview the textbox and copy or download the generated CSS code.

1Text Options

Padding ({{vm.padding}}px)

Font Size ({{vm.fontSize}}px)

Text Align ({{vm.textAlign}})

2Border Options

Border Width ({{vm.borderWidth}}px)

Border Radius ({{vm.borderRadius}}px)

Border Style

3Color Options

Background Color

Border Color

Font Color

4Box Shadow Options

Shadow Angle ({{vm.bShadowAngle}}deg)

Shadow Distance ({{vm.bShadowDistance}}px)

Shadow Blur ({{vm.bShadowBlur}}px)

Shadow Color

Shadow Opacity ({{vm.bShadowOpacity}}%)

Shadow Position

5Text Shadow Options

Shadow Angle ({{vm.tShadowAngle}}deg)

Shadow Distance ({{vm.tShadowDistance}}px)

Shadow Blur ({{vm.tShadowBlur}}px)

Shadow Color

Shadow Opacity ({{vm.tShadowOpacity}}%)

6Font Options

Font Weight

Font Style

Font Family

Preview download

CSS Snippet copy


        

HTML Code copy