- ตัวดำเนินการ
-
เรียนรู้
ศูนย์การเรียนรู้ Python ตัวอย่างที่รันได้, NumPy, pandas และอื่น ๆ ศูนย์การเรียนรู้ C และ C++ พอยน์เตอร์ หน่วยความจำ STL และ C++ สมัยใหม่ ศูนย์การเรียนรู้ C#พื้นฐาน C#, OOP, LINQ, async และแบบฝึกหัด .NET อัลกอริทึม Python การค้นหา การเรียงลำดับ รีเคอร์ชัน และภาพจำลอง O(n) อัลกอริทึม C และ C++ เปรียบเทียบการเขียนด้วย C และ C++
- โจทย์
CSS and design
Box Shadow Generator
Design soft, layered CSS shadows visually and copy the box-shadow code.
- Runs in your browser
- Instant results
- Free, no sign-up
Loading the tool…
How to use the Box Shadow Generator
- Adjust offset, blur, spread, color and opacity.
- Add layers for softer, more realistic shadows.
- Copy the CSS.
Frequently asked questions
Why use multiple shadow layers?
Combining a tight, darker shadow with a wide, faint one looks more natural than a single shadow.
What does spread do?
Positive spread makes the shadow larger than the element; negative spread makes it smaller.
What is an inset shadow?
A shadow drawn inside the element, useful for pressed buttons and input fields.
ฝึก Python ด้วยโจทย์เขียนโค้ด
แก้โจทย์จริงใน editor นี้: รันทดสอบตัวอย่าง ส่งคำตอบ และรับรีวิวโค้ดจาก AI