CSS Generators

38 công cụ sinh CSS trực quan — chỉnh bằng thanh trượt, xem trước, copy code.

Viền & Hình khối

Tạo hiệu ứng đổ bóng khối (nhiều lớp, inset).

Bo góc từng cạnh, xem trước và lấy CSS.

Cắt khối theo hình đa giác/tròn/ellipse.

Xoay, dịch, scale, perspective 3D.

Tạo tam giác bằng border.

Dải ruy băng góc.

Hoa văn nền tham số hoá.

Viền bằng ảnh.

Hiệu ứng & Màu

Hiệu ứng kính mờ (frosted glass).

Gradient Border

Viền chuyển màu gradient.

Blur, brightness, contrast, grayscale, hue...

Chữ

Đổ bóng chữ nhiều lớp.

Chữ chuyển màu gradient.

Bôi màu nền chữ.

Chữ động (typing/fade).

Hiệu ứng chữ nhiễu glitch.

Sinh @import/link Google Fonts.

Component UI

Nút bấm: màu, bo góc, bóng, hover.

Spinner/dots/bars xoay.

Tùy biến thanh cuộn.

Chú thích nổi.

Ô chọn tùy biến.

Công tắc toggle.

Ô nhập tùy biến.

Thanh trượt tùy biến.

Dropdown tùy biến.

Menu responsive.

Animation

Đường cong easing cho animation.

Tạo animation keyframe.

Thông báo toast.

Khung xương chờ tải.

Thử biểu thức nth-child.

Layout

Bố cục flexbox trực quan.

Bố cục grid trực quan.

Chia cột văn bản.

Accordion đóng/mở.

Khung trang header/sidebar/main.