نمونه پن های برتر سایت Codepen

 نمونه پن های برتر سایت Codepen

در این مطلب آموزشی چند نمونه از پن های برتر سایت Codepen رو براتون انتخاب کردیم و سعی کردیم در این سری دسته بندی های زیادی رو پوشش بدیم که شامل انواع افکت ها برای تصاویر، loadingها، منوی عمودی و افقی برای طراحی سایت می باشد. امیدوارم از این سری از برترین های Codepen خوشتون بیاد و واستون مفید واقع بشه.

۱- CSS Loading Spinners

۲- Font Awesome Cheatsheet

۳- CSS Menu With Hover Effect

۴- Fixed Post Header

۵- Gradient Borders Mixin

۶- Toggles

۷- Pure CSS Toggle buttons

۸- Load Bar With an Arc in The Middle

۹- Hover Effect With CSS3

۱۰- A COLLECTION OF CSS TEXT SHADOW AND PATTERN EFFECTS

۱۱- Fixed Nav Hover Effect

۱۲- Image Hover Effect

۱۳- Bootstrap Animated Buttons

۱۴- Location Logo By Gabriel Taminiaux

۱۵- Direction-aware hover effect

این هم ۱۵ نمونه پن برتر از سایت Codepen امیدواریم در صورت نیاز در پروژه هاتون ازشون استفاده کنید…