แปลงฟรี
CSS นิวมอร์ฟิซึม เครื่องมือสร้าง
สร้าง CSS นิวมอร์ฟิซึม (Soft UI) พร้อมตัวอย่างสด ปรับสี เงา และรูปทรงเพื่อสร้างองค์ประกอบ Soft UI ที่สวยงาม — ฟรีและทำงานฝั่งไคลเอ็นต์
ตัวอย่างสด
Soft UI
ผลลัพธ์ CSS
.element {
border-radius: 16px;
background: #e0e5ec;
box-shadow: -20px -20px 60px #ffffff, 20px 20px 60px #bdc2c9;
}สีพื้นฐาน
#e0e5ec
รูปทรง
ระยะห่าง20px
5px50px
ความเข้ม50%
10%100%
ความเบลอ60px
10px100px
รัศมีขอบ16px
0px100px