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

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

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


۱- CSS Loading Spinners

2- Font Awesome Cheatsheet

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

3- CSS Menu With Hover Effect

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

4- Fixed Post Header

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

5- Gradient Borders Mixin

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

6- Toggles

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

7- Pure CSS Toggle buttons

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

8- Load Bar With an Arc in The Middle

9- Hover Effect With CSS3

10- A COLLECTION OF CSS TEXT SHADOW AND PATTERN EFFECTS

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

11- Fixed Nav Hover Effect

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

12- Image Hover Effect

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

13- Bootstrap Animated Buttons

نمونه پن های برتر سایت Codepen
14- Location Logo By Gabriel Taminiaux

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

15- Direction-aware hover effect

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

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

قبلی «
بعدی »

مدیر گروه فنی مهندسی زرین هور آرزوهای زندگیمان را به اهداف زندگیمان تبدیل کنیم تا برای رسیدن به آنها تلاش کنیم نه اینکه فقط دعا کنیم...
  • instagram

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.