قالب وردپرس قالب وردپرس آموزش وردپرس قالب فروشگاهی وردپرس وردپرس
یکشنبه , خرداد ۲۶ ۱۳۹۸
خانه / طراحی سایت / css / نمونه پن های برتر سایت Codepen

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

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

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


۱- CSS Loading Spinners

۲- Font Awesome Cheatsheet

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

۳- CSS Menu With Hover Effect

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

۴- Fixed Post Header

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

۵- Gradient Borders Mixin

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

۶- Toggles

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

۷- Pure CSS Toggle buttons

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

۸- Load Bar With an Arc in The Middle

۹- Hover Effect With CSS3

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

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

۱۱- Fixed Nav Hover Effect

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

۱۲- Image Hover Effect

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

۱۳- Bootstrap Animated Buttons

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

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

۱۵- Direction-aware hover effect

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

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

درباره ی آرزو حسینی

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

مطلب پیشنهادی

افزونه WordPress By Yoast Seo (قسمت دوم)

افزونه WordPress By Yoast Seo (قسمت دوم) در بخش قبل گزینه های دیگر این افزونه …

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *