3 سال پیش
699

نمونه پن های برتر سایت 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 امیدواریم در صورت نیاز در پروژه هاتون ازشون استفاده کنید…

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

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

مطالب پر بازدید

ر
رمزگذاری درایو و فلش دیسک،رمزگذاری درایو و فلش ،رمزگذاری درایو ،رمزگذاری فلش دیسک،رمزگذاری ترفند،ترفند ویندوز

رمزگذاری درایو و فلش دیسک

شاید بارها برایتان پیش آمده باشد که یک نفر به همه فایل ها و درایو های کامپیوتر و لپ تاپ تان و یا محتویات فلش دیسک تان دسترسی داشته باشد و موضوع برایتان خوش آیند نباشد!امروز میخواهیم یکی دیگر از...

ویرایش عکس،پایین آوردن حجم عکس،پایین آوردن حجم عکس بدون نویز،پایین آوردن حجم عکس بدون افت تصویر،ترفند ویرایش عکس،راه های مصرف کم اینترنت

راحت و رایگان بدون اُفت کیفیت حجم عکس هارو پایین بیار

تبدیل تمامی ارزهای دولتی و دیجیتالی به یکدیگر،تبدیل ارز،تبدیل پول، پول دولتی به دیجیتال،اخبار ارز،قیمت لحظه ای بازار،ابزارهای گوگل،رکود ارز،صعود ارز،ارزش پول کشورها

تبدیل تمامی ارزهای دولتی و دیجیتالی به یکدیگر

زیرنویس سازی فارسی و تمامی زبان ها در یوتیوب، زبان ها در یوتیوب

زیرنویس سازی فارسی و تمامی زبان ها در یوتیوب

2020

بهترین اپ های ساخت کلیپ برای اندروید