css

Máy tạo bảng màu — Chọn một màu cơ bản và tạo ra một bảng màu hòa hợp — bổ sung, tương tự, ba chiều, bốn tầng, chia đôi, đơn sắc...

Máy tạo Gradient CSS — Xây dựng các dốc dọc, radial, hoặc hình ảnh giao diện CSS. Thêm các điểm dừng màu vô hạn, kéo góc, xem thử trực tiếp, và cảnh sát...

Máy Phát Bóng Hộp — Xây dựng hộp đen — hiệu chỉnh âm thanh, che mờ, lan rộng, màu sắc, độ mờ và hình nhỏ hình ảnh trực tiếp.

Kiểm tra độ tương phản màu — Chọn màu cảnh và hình nền và ngay lập tức xem tỷ lệ tương phản WCAG 2. 1 với các phù hiệu ngang/fail cho AA và BM, chuẩn...

Giải mã CNS trực tuyến. Gỡ bỏ chú thích, khoảng trắng và ký tự không cần thiết để giảm cỡ tập tin. Máy ghi âm miễn phí — kết quả ngay lập tức.

Máy ghi âm miễn phí trên mạng. nén HTML, CN và mã JavaScript ngay lập tức tại một nơi. Gỡ bỏ chú thích, khoảng trắng và định dạng tốc độ tối ưu hóa.

Hình ảnh kỹ thuật hình ảnh hóa đường biên — các góc riêng biệt, các đơn vị Px/%/em, và các hình đốm hữu cơ. Xem thử trực tiếp và sao chép CNSS. Chạy trong trình duyệt.

Kính được thiết kế với ô xem thử trực tiếp — mờ, bão hòa, độ mờ, biên giới và bóng. Rõ. Chạy trong trình duyệt.

Tạo các hình giao thoa kiểu CSS — đa giác, vòng tròn, hình inset và 20+ với các điểm có thể kéo được. Xem thử trực tiếp và dán ảnh, trong trình duyệt.

Thiết kế các đường cong bậc ba CSS với trình biên tập, định sẵn và xem thử hoạt hình. Chép vào trình duyệt.

Thiết kế đồ thị chữ CSS — xếp nhiều lớp, chọn neon, 3D, phác thảo và định sẵn, rồi sao chép hệ điều hành. Xem thử trực tiếp, chạy trong trình duyệt.

Xây dựng hình thái mềm-UI neumorphism — màu cơ bản, hướng ánh sáng, hình dạng và khoảng cách bóng. Sao chép hộp-ma-CSS. Xem thử trực tiếp trong trình duyệt.

Tạo hình tam giác CSS với mẹo viền — chọn hướng, chiều rộng, chiều cao và màu, trực tiếp xem thử, và sao chép chiều rộng/ chiều rộng/hight/b thứ tự CN. Chạy trong trình duyệt.

Hiển nhiên là xây dựng một bộ lọc điều khiển từ xa — che mờ, sáng, tương phản, màu xám, màu sắc, màu sắc và bóng rơi — xem thử trên ảnh của bạn và sao chép hệ thống CN. Sâu bướm.

Xây dựng CNSS biến đổi hình ảnh — dịch, tỷ lệ, quay, Skew cộng với 3D quay X/Y/Z và góc nhìn. Xem thử trực tiếp trên mạng lưới và sao chép thiết bị CSS, lông mày.

Xây dựng CSS.

Một sân chơi linh hoạt của máy dao động — hướng điều chỉnh, biện hộ, sắp hàng, bọc và khoảng cách, xem hình ảnh trực tiếp, và sao chép chiếc container CNSS. Chạy trong trình duyệt.

Một sân chơi mạng lưới điện tử thị giác — thiết lập cột, hàng, khoảng cách và theo dõi sóng, xem hình ảnh trực tiếp, và sao chép mạng lưới điều khiển. Chạy trong trình duyệt.

Thiết kế một cái nút nhìn thấy được — đệm, màu sắc, dốc, bức xạ biên giới, bóng mát và hiệu ứng lơ lửng — với ô xem thử trực tiếp, rồi sao chép hệ điều hành. Sâu bướm.

Thanh cuộn tự chọn theo kiểu — chiều rộng, theo dõi và màu sắc ngón tay cái, lơ lửng và bán kính — với ô xem thử WebKit trực tiếp và lùi lại Firefox. Rõ.

Viết HTML, CNS, JS trong các trình biên tập tab với ô xem thử dạng khung trực tiếp. Tự động chạy, tải về dạng tập tin HTML. Mẫu ứng dụng phản hồi đã nạp sẵn. Không có máy phục vụ — trình duyệt thuần túy.

Tính toán và so sánh các lựa chọn của CNS ngay lập tức. Xem (a,b,c) sụp đổ, tưởng tượng với biểu đồ thanh và tìm ra ai thắng. Công cụ phát triển miễn phí.

Chuyển đổi đơn vị mạng miễn phí. Không đăng ký, không tải lên — hoàn toàn hoạt động trong trình duyệt. Nhanh, riêng tư và tự do mãi mãi.

Tạo ra máy quay nguyên chất, chấm, xung, thanh, nhẫn và nhiều thứ khác. Tùy chỉnh màu sắc, kích cỡ và tốc độ. Chép CSS + HTML ngay lập tức.

Các hộp đánh dấu kiểu CSS tự chọn với tick, cross, điền hoặc trừ kiểu dáng. Kích thước điều khiển, màu sắc, bán kính biên giới. Xem trực tiếp và sao chép CNS.

Thiết kế công tắc điều khiển tự chọn. Chiều rộng điều khiển, chiều cao, màu bật/tắt, kích cỡ nút, tốc độ hoạt hình và nhãn hiệu. Xem thử trực tiếp và mã sao chép.

Tạo các hiệu ứng văn bản lỗi kiểu CNPunk kiểu ảo. Kiểm soát cường độ, màu chuyển đổi xanh lục, tốc độ hoạt hình, và skew. Xem trực tiếp và sao chép CNS.

Tạo ra các mẫu nền tinh khiết như vằn, chấm, lưới, bảng điều khiển và nhiều thứ khác nữa. Chép mã CNS, không cần thiết ảnh.

Discover 20 curated Google Font pairings for headings and body text. Filter by style (modern, classic, playful, professional, minimal). Copy @import and CSS for each pair.

Design custom CSS toggle switches with iOS, material, flat, 3D, and neumorphic styles. Live preview, copy HTML + CSS. Customize colors, size, labels, and animation speed.

Build React Native shadows visually. Control shadowColor, offset, radius, opacity, and Android elevation. Live preview on a phone mockup. Copy JSX code.

Generate beautiful CSS background patterns with pure CSS gradients — stripes, dots, checkerboard, waves, zigzag, and more. Live preview, copy CSS, free and instant.

Build CSS box-shadow with multiple layers. Tune offset, blur, spread, color, opacity and inset for each shadow. Live preview and copy-ready CSS.

Generate a cyberpunk CSS glitch text effect with keyframes. Customize text, primary and secondary colors, animation speed, and glitch intensity.

Tạo ra các hình nền SVG liên tục: chấm polka, sọc, chevron, hình lục giác, sóng và nhiều thứ khác nữa. Tùy chỉnh màu sắc và khoảng cách. Tải về SVG hay JC.

Tạo ra 10 bóng (50-950) từ bất kỳ màu sắc hex, như Tilwind CSS. Xem vỉa hè, nhấp vào để sao chép hex, xuất bản như con trỏ đuôi, hay biến CSS.

Trộn hai màu với các bước dốc có thể cấu hình. Xem thử và sao chép đoạn mã đại học tuyến tính. Máy pha trộn màu tự do trực tuyến.

Trình kiểm tra kích cỡ phông chữ miễn phí trên mạng. Kiểm tra nếu kích cỡ phông chữ của bạn đáp ứng nhu cầu tối thiểu của WCAG 2. 1 để có khả năng đọc và truy cập.