Công cụ CSS

Kéo thanh trượt để bo tròn từng góc và sao chép mã CSS border-radius.

Điều chỉnh thanh trượt cho độ lệch, độ mờ, độ lan và màu sắc, sau đó sao chép mã CSS box-shadow.

Thiết kế bóng đổ trực quan và nhận chính xác style object React Native cho cả iOS và Android.

Tạo hình đường cong easing bằng thanh trượt, xem trước hoạt ảnh và sao chép CSS cubic-bezier().

Nhập văn bản, chọn hai màu glitch và sao chép CSS + HTML động với hiệu ứng tách màu.

Tạo hoạt ảnh tải CSS xoay, nảy hoặc nhấp nháy và sao chép CSS + HTML.

Thiết kế ô chọn với dấu tick bo góc, công tắc trượt hoặc vòng tròn đặc và sao chép CSS.

Điều chỉnh kích thước, màu sắc và độ bo góc, sau đó sao chép công tắc bật/tắt dựa trên checkbox dễ tiếp cận dưới dạng HTML và CSS.

Chọn hướng, kích thước và màu sắc, sau đó sao chép hình tam giác CSS thuần được tạo bằng thủ thuật viền.

Điều chỉnh độ trong suốt nền, độ mờ, viền và bán kính để tạo thẻ kính mờ, sau đó sao chép mã CSS.

Chọn một họa tiết (chấm bi, sọc, ô cờ, lưới), điều chỉnh màu sắc và kích thước, sau đó sao chép mã CSS.

Tạo gradient tuyến tính và xuyên tâm với điểm màu và thanh trượt góc, sau đó sao chép mã CSS.

Chọn một hình dạng có sẵn, xem trước phần cắt trực tiếp, và sao chép mã CSS clip-path được tạo ra.

Tra cứu bất kỳ màu mặc định nào của Tailwind theo cả hai chiều: hex sang tên lớp, hoặc tên lớp sang hex/RGB — cộng thêm bảng màu đầy đủ có thể duyệt.

Chuyển đổi mã màu Pantone (PMS), CMYK, RGB và Hex theo cả hai chiều, với thư viện tham chiếu 1.341 màu Pantone có thể tìm kiếm.

Tạo hiệu ứng chữ nổi hoặc khắc chìm CSS ngay lập tức — nhập văn bản, chỉnh kiểu và cường độ, rồi sao chép mã CSS.

Tạo hiệu ứng chữ neon phát sáng CSS ngay lập tức — nhập văn bản, chọn màu và cường độ phát sáng, rồi sao chép mã CSS.

Tạo nút CSS kim loại vàng, bạc, đồng, hoặc vàng hồng ngay lập tức — nhập văn bản, chọn kiểu kim loại, rồi sao chép mã CSS.

Chọn bất kỳ màu nào bằng mắt hoặc lấy màu từ ảnh đã tải lên, với đầu ra HEX, RGB, HSL và nút sao chép.