🎨 Textbox Tweaker
📐 Dimensions
🎨 Colors
✏️ Typography
🔲 Border
🌫️ Shadow
🔮 Filters
🔄 Transform
👆 Interaction
⚡ Presets
Size
Width
400px
Height
44px
Padding
Top
Right
Bottom
Left
Margin
Top
Right
Bottom
Left
Text
Color
Caret
Background
Color
Opacity
100%
Placeholder
Color
Selection
Background
Text
Font
Family
System UI
Arial
Helvetica Neue
Georgia
Times New Roman
Courier New
Monaco
Comic Sans
Impact
Size
16px
Weight
400
Spacing
Letter
0px
Word
0px
Line Height
1.5
Style
Align
Left
Center
Right
Transform
None
UPPERCASE
lowercase
Capitalize
Font Style
Normal
Italic
Oblique
Decoration
None
Underline
Overline
Line Through
Border
Width
2px
Style
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
None
Color
Border Radius
TL
TR
BR
BL
Outline (Focus)
Width
2px
Style
Solid
Dashed
Dotted
None
Color
Offset
2px
Box Shadows
+ Add Shadow
Text Shadow
Offset X
0px
Offset Y
0px
Blur
0px
Color
Blur & Clarity
Blur
0px
Opacity
100%
Light
Brightness
100%
Contrast
100%
Color
Hue Rotate
0deg
Saturate
100%
Invert
0%
Effects
Grayscale
0%
Sepia
0%
Rotate
Rotate
0deg
Rotate X (3D)
0deg
Rotate Y (3D)
0deg
Scale
Scale X
1
Scale Y
1
Skew
Skew X
0deg
Skew Y
0deg
Translate
Translate X
0px
Translate Y
0px
Perspective
Perspective
none
Cursor
Cursor
Text
Auto
Default
Pointer
Crosshair
Move
Not Allowed
Grab
Wait
Help
None
Behavior
Resize
None
Both
Horizontal
Vertical
User Select
Auto
Text
All
None
Pointer Events
Auto
None
State
Read Only
Disabled
Input Settings
Placeholder
Type
Text
Password
Email
Number
Telephone
URL
Search
Autocomplete
On
Off
Spellcheck
True
False
Quick Presets
🌟 Neon Glow
🪟 Glassmorphism
📺 Retro
⬜ Minimal
🔘 Neumorphism
🏗️ Brutalist
🤖 Cyberpunk
🌅 Sunset
🔄 Reset All
Generated CSS
Copy CSS
← Back to tools