Trình tạo nút CSS

Trình tạo nút CSS trực tuyến miễn phí. Xử lý dữ liệu tức thì trong trình duyệt của bạn. Không tải lên, không đăng ký, hoàn toàn riêng tư.

Xử lý cục bộ

Background (solid)

Text color

Shadow color

Use gradient background

Gradient start

Gradient end

Gradient angle: 135°

Border radius: 8px

Padding X: 20px

Padding Y: 10px

Font size: 16px

Shadow X: 0px

Shadow Y: 4px

Shadow blur: 6px

Hover lift: 2px

Preview

.btn {
  background: linear-gradient(135deg, #6366f1, #ec4899);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0px 4px 6px #00000040;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn:hover {
  transform: translateY(-2px);
  box-shadow: 0px 6px 10px #00000040;
}

Cách sử dụng

Nhập thông tin đầu vào của bạn ở trên. Kết quả được cập nhật tự động. Sử dụng nút sao chép để sao chép kết quả.

Sự riêng tư

Tất cả quá trình xử lý diễn ra trong trình duyệt của bạn. Dữ liệu của bạn không bao giờ được tải lên bất kỳ máy chủ nào.

Câu hỏi thường gặp