การใช้ mask-image เพื่อไฮไลท์ภาพบางส่วน
เรียนรู้การใช้งาน mask-image ควบคู่กับ radial-gradient เพื่อไฮไลท์ภาพบางส่วนแบบรัศมีวงกลม
Tips ทั้งหมด
การใช้ :placeholder-shown เพื่อจัดสไตล์ช่อง Input
เรียนรู้การใช้งาน :placeholder-shown เพื่อตรวจสอบช่อง Input ที่ถูกกรอกข้อมูลแล้วพร้อมจัดสไตล์ให้กับมัน
การใช้ quotes เพื่อจัดสไตล์ให้กับข้อความแทนคำพูด
เรียนรู้การใช้งานแท็ก q และ quotes เพื่อจัดสไตล์ให้กับ Quote ของข้อความ
การใช้ Negative nth-child เพื่อเลือกอีลีเมนต์ n ตัวแรก
เรียนรู้การใช้งาน Negative nth-child ว่าทำไมสูตรนี้จึงใช้เลือกอีลีเมนต์ n ตัวแรกได้ และใช้ nth-last-child เพื่อเลือก n ตัวแรกนับจากท้าย
การทำสีข้อความให้กลมกลืนกับฉากหลักด้วย mix-blend-mode
เรียนรู้การใช้งาน mix-blend-mode เพื่อสร้างข้อความให้มีสีกลมกลืนกับฉากหลัง
แปลง date เป็นวันที่ภาษาไทย
เรียนรู้การใช้งาน toLocaleDateString เพื่อแปลงออบเจ็กต์ของ date เป็นข้อความวันที่ภาษาไทย
สร้างข้อความโค้งตามรูปด้วย shape-outside
เรียนรู้การใช้งาน shape-outside ผ่านฟังก์ชัน circle เพื่อสร้างข้อความให้โค้งตามรูป
สร้าง Array ที่ประกอบด้วยเลข 1 ถึง n ใน JavaScript
เรียนรู้การใช้ Array.from และ constructor ของ Array เพื่อสร้างสมาชิกตั้งแต่ 1 ถึง n
ทำอักษรตัวแรกใน Paragraph ให้เป็นตัวใหญ่
เรียนรู้การใช้ :first-letter เพื่อสร้างอักษรตัวแรกให้เป็นตัวใหญ่
การใช้ backdrop-filter เพื่อสร้างฉากหลังแบบกระจกฝ้าใน CSS
เรียนรู้การใช้งาน backdrop-filter เพื่อเบลอฉากหลังพร้อมทำพื้นหลังให้โปร่งใส