Back to Tools
CSS Shadow Generator
Design box-shadow CSS with live preview and presets
100% FreeRuns in your browserNo sign-up
About this tool
Tạo CSS box-shadow hoàn hảo với trình chỉnh sửa trực quan. Bắt đầu từ preset Material Design, Soft UI hoặc neumorphism, hoặc tự xây dựng từ đầu. Xếp chồng nhiều lớp bóng, điều chỉnh offset, blur, spread và màu sắc, xem thay đổi theo thời gian thực. Sao chép CSS chỉ với một cú nhấp cho mockup aukimi Inkwell hoặc trang web thực. Part of aukimi Inkwell.
Features
- Preset Material, Soft UI và tùy chỉnh
- Nhiều lớp bóng
- Offset, blur, spread và màu sắc có thể điều chỉnh
- Xem trước trực tiếp trên hình dạng tùy chỉnh
- Sao chép CSS bằng một cú nhấp
Use cases
Kiểu bóng cho card và panelThiết kế UI neumorphismTạo prototype hệ thống độ cao
Found this useful? Share it
Help others discover free creative tools
Create a free account to remove watermarks
Save your work, access the full creative suite, and export without watermarks.
Want more power?
Try aukimi Inkwell
Chỉnh sửa bitmap chuyên nghiệp với lớp, mặt nạ, bộ lọc và hỗ trợ tablet đầy đủ.