สามารถทำได้ครับ เพียงแต่มันจะเขียนยากหน่อยครับ เพราะ notepad มันไม่มีตัวช่วยเหลือในการเขียนอย่างเครื่องมืออื่นเช่น sublime https://www.sublimetext.com/ พวกนี้จะช่วยเขียนได้ดีกว่า เพราะเวลาเราเขียนผิดมันจะเตือน หรือเวลาเขียนไปสักนิดตึงมันจะขึ้นตัวช่วยขึ้นมาทำให้เราเขียนได้เร็วขึ้นครับ

ขอโทษที่ต้อบช้านะครับ แก้ตัวด้วยการเขียนเป็นบทความให้อ่านเลยละกันครับ https://hellomyweb.com/blog/animate-css-hover/

ถ้ายังเริ่มไม่ถูกให้ลองไปสมัครเป็นสมาชิกเว็บนี้ดูนะครับ https://wordpress.com/

CSS ใช่มั้ยครับ คือ ::before เป็นคำสั่งที่ต้องใช้เป็นคู่นะครับถึงจะเห็นผล คำสั่งที่ใช้คู่มันคือ content ครับ เช่นๆ

a::before { content: "Read this: "; }

ตามตัวอย่างคือ อะไรที่เป็นลิงก์จะมีคำว่า Read this: นำหน้าเสมอครับ

::before มันอยู่ในหัวข้อ pseudo-element มีหลายๆคำสั่งที่ใช้คล้ายกันครับเช่น ::after มันจะเอาของที่อยู่ใน content ไปต่อท้าย ::first-letter อันนี้ไม่ต้องใช้คู่กับ content มันจะดึงตัวอักษรตัวแรกมาใช้คู่กับ css ที่เราเขียนครับ

@iamyui สู้ๆครับต่อไปคิดว่าเราจะเริ่มมีบทความเกี่ยวกับ wordpress เข้ามาบ้างครับ