Chế tạo các đối tượng đồ họa kiểu neumorphism

Trình tạo neomorphism cho vẻ ngoài mềm, nhô lên gọi là neomorphism hay soft UI. Bạn chọn hình dạng — phẳng, lõm hay lồi — và chỉnh khoảng cách, độ mờ, bán kính góc trên một màu nền, công cụ dựng CSS box-shadow tương ứng trực tiếp. Xem trước cho thấy chính xác yếu tố trông thế nào, và khối mã sẵn sao chép chứa các kiểu. Mọi thứ chạy trong trình duyệt.

1. Chọn hình dạng: phẳng, lõm hoặc lồi 2. Đặt màu nền khớp với giao diện 3. Chỉnh thanh trượt khoảng cách, độ mờ và bán kính góc 4. Xem trước cập nhật theo thời gian thực 5. Nhấp «Sao chép» để lấy CSS kết xuất

Neomorphism tốt nhất khi yếu tố và nền cùng một màu, nên bóng hòa thành hiệu ứng 3D mềm — hãy chọn màu nền gần với trang. Phẳng cho vẻ nổi, lõm đưa yếu tố vào trong, và lồi thêm dải màu tinh tế cho cảm giác bo tròn. Độ mờ nhỏ giữ cạnh sắc, lớn thì mềm hơn. Bán kính góc lớn hơn bo góc cho hình thân thiện hơn.