การทำ CSS Transition ทำเว็บไซต์ให้มีลูกเล่น

สอนทำเว็บไซต์-css-animation

การทำ CSS Transition ทำเว็บไซต์ให้มีลูกเล่น การทำ CSS Transition ทำเว็บไซต์ให้มีลูกเล่น การทำ CSS Transition และการทำ CSS Animation เป็นการเพิ่มลูกเล่นให้กับเว็บไซต์ให้ดูน่าสนใจมากยิ่งขึ้น ทำให้ผู้ใช้งานเว็บไซต์ได้รู้สึกว่าเว็บไซต์มีปฏิสัมพันธ์กับผู้ใช้งานมากยิ่งขึ้น การทำ transition คือการปรับเปลี่ยนคุณลักษณะของวัตถุจากรูปแบบหนึ่งไปยังอีกรูปแบบหนึ่ง ส่วนการทำอนิเมชั่นคือการทำการเคลื่อนไหวหรือเคลื่อนย้ายตำแหน่ง ขนาด องศา เป็นต้น

อ่านเพิ่มเติม


CSS วิธีทำ Mask แสดงกรอบรูปเป็นวงกลม

วิธี-mask-รูปเป็นวงกลมด้วย-CSS

CSS วิธีทำ Mask แสดงกรอบรูปเป็นวงกลม CSS วิธีทำ Mask แสดงกรอบรูปเป็นวงกลม แนะนำวิธีทำรูปโปรไฟล์ หรือรูป Avatar บนเว็บไซต์ให้มีกรอบรูปวงกลมคล้าย ๆ การ mask โดยอาศัยความสามารถของ CSS ( Cascading Style Sheets ) ที่สำคัญเขียนโค๊ดแค่บรรทัดเดียว สามารถเรียกใช้งาน class บน img element หรือ div ได้เลย ลองไปดูกันครับว่า มีวิธีเขียนยังไงบ้าง

อ่านเพิ่มเติม