18 เอฟเฟกต์มหัศจรรย์ที่คุณสามารถสร้างได้ด้วย CSS3 Box Shadows

เราสามารถทำสิ่งต่างๆได้มากมายด้วย CSS เช่น build modals สร้างเอฟเฟกต์ข้อความที่สวยงามวาดโล่ Viking และสร้างรูปหัวใจ มีมากมายที่เราสามารถทำได้กับ CSS3 Box Shadows และในบทความนี้เราจะไป ดูว่านักออกแบบบางคนเล่นกับเงา CSS เพื่อผลลัพธ์ที่ยอดเยี่ยม.

ในรายการนี้คุณจะเห็น ใช้เงา CSS ในการสร้างตัวนับฟ้อง, เอฟเฟกต์ 3 มิติบนข้อความ, ภาพพิกเซล, ภาพเคลื่อนไหวอย่างง่ายและอื่น ๆ หากต้องการดูงานเดียวกันเพิ่มเติมลองดูพอร์ตการลงทุนของนักออกแบบ รู้การใช้ CSS Shadows ที่ยอดเยี่ยมอื่น ๆ อีกหรือไม่ แจ้งให้เราทราบในความคิดเห็น.

ปุ่ม Squishy Toggle โดย Soulwire

Long Shadow by Roikles

Flat Long Shadow โดย Hugo

กล่องรูปไข่เงาโดย Jcorpus

Collision Balls โดย Abderrahmane

257 in 3D โดย Creme

ไอคอน Apple Store โดย Joshbader

ไล่ระดับเงาของกล่องสำหรับปุ่มผีโดย Akwright

แบทแมนทำด้วย CSS box shadow โดย Nickmblain

เบียร์เย็นจัดโดย Nickmblain

ข้อความ 3 มิติโดย Zitrusfrisch

เงาข้อความเคลื่อนไหวโดย Carpenumidium

แปลงข้อความด้วยเงาโดย Chriseisenbraun

รูปร่างชั้นที่น่าทึ่งโดย Snhasani

วินาทีเคาน์เตอร์โดย martingrand

รูปแบบภาพเคลื่อนไหวทำด้วยเงาโดย yoksel

Color Spectrum โดย jaicab

วงกลมสีรุ้งโดยโคลิน