CSS Code Generator

ออกแบบ UI ของคุณได้ง่ายๆ แล้วก๊อปปี้โค้ดไปใช้ได้ทันที

Horizontal Offset (10px)

Vertical Offset (10px)

Blur Radius (20px)

Spread Radius (0px)

Shadow Color

box-shadow: 10px 10px 20px 0px #000000;

Angle (90deg)

Color 1

Color 2

Gradient Background

background: linear-gradient(90deg, #00e6ff, #ff00ea);

Button Text

Padding V (12px)

Padding H (25px)

Border Radius (8px)

BG Color

.custom-btn {
  background: #00e6ff;
  padding: 12px 25px;
  border-radius: 8px;
  border: none;
}