تأثيرات Hover بإستخدام CSS

السلام عليكم ورحمة الله,

تأثيرات Hover بإستخدام CSS

أعجبت بتأثيرات جد جميلة في موقع أجنبي فقلت لما لا أشاركها معكم فأنا متأكد أنها ستعطي لمسة أنيقة على مشاريعكم :) تقنية css المستخدمة transition و خاصيتي Before&After سبق لي وشرحت شرح مبدئي لهما في صفحتنا على الفيس بوك من هنا.
لا تدقن css لا مشكلة رابط مرفق : دورة Html و CSS و Js من تقديم الأخ حميد أمومن

See the Pen Cool CSS Hover Effects by Mohamed Chehida (@mohamed2001) on CodePen.