bundles
  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

آرشیو بانک کد سون لرن کدهای جذاب و دیدنی ( 1026 مورد )

کدهای جذاب و دیدنی ( Scratch Reveal ) : آشکار کردن تصویر پس زمینه با Drag کردن

Scratch Reveal

در این قسمت میخوام یک کد ( Scratch Reveal ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک تصویر قرار گرفته و زمانی که بر روی اون کلیک و Drag میکنید، تصویر پشتی در اون قسمت نمایان میشه و میتونین اون رو ببینید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین …

۷ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Rotating Social Icons ) : چرخش آیکونها با اسکرول کردن

Rotating Social Icons

در این قسمت میخوام یک کد ( Rotating Social Icons ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی آیکون شبکه اجتماعی قرار گرفته و زمانی که صفحه رو به سمت پایین اسکرول میکنید، بصورت زیبا میچرخن و بیشتر در چشم کاربران قرار میگیرن و باعث میشه که احتمال Share شدن مطلب شما بالاتر …

۶ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Waves ) : ساخت امواج بصورت زیبا

Waves

در این قسمت میخوام یک کد ( Waves ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید امواج بصورت زیبا شبیه سازی و ساخته شده است و میتونین از اون ایده بگیرید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم …

۵ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Ratings Inspiration ) : ایده های زیبا برای رتبه دهی

Ratings Inspiration

در این قسمت میخوام یک کد ( Ratings Inspiration ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی ایده زیبا برای رتبه دهی و Rating قرار داده شده و میتونین از اونا درون سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود …

۴ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Settings ui ) : رابط کاربری زیبا برای تنظیمات

Settings ui

در این قسمت میخوام یک کد ( Settings ui ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک رابط کاربری زیبا برای بخش تنظیمات یا Setting قرار داده شده و میتونین از اون ایده بگیرید و استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین …

۴ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Pizza Loader ) : ساخت لودر پیتزایی زیبا

Pizza loader

در این قسمت میخوام یک کد ( Pizza Loader ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک لودر زیبا به شکل پیتزا ساخته و قرار داده شده و شما میتونین از اون ایده بگیرید و استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین …

۳ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Pile of Envelopes ) : استایل زیبا برای مجموعه پاکت نامه

Pile of Envelopes

در این قسمت میخوام یک کد ( Pile of Envelopes ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی پاکت نامه بر روی هم قرار گرفته و زمانی که بر روی اونا هاور میکنید با استایلی زیبا به سمت پایین کشیده میشن و با کلیک کردن هم استایلی دیگر به اونا اعمال میشه. بدلیل …

۳ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Fancy box ) : افکت زیبا برای هاور کردن

Fancy box

در این قسمت میخوام یک کد ( Fancy box ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک افکت زیبا برای هاور کردن قرار داده شده و زمانی که بر رو آیکونهای مورد نظر هاور میکنید، با افکت زیبایی باز میشن و محتوای درونی خودشون رو نمایش میدن. بدلیل اینکه حجم کدها زیاد بود …

۱ فروردین ۱۳۹۶ ادامه ی مطلب »

افکت زیبا کج شدن برای تصاویر - Tilt Hover Effects ( نمونه آخر)

tilt-hover-effects-part8

در این مطلب نمونه آخر از افکت زیبا برای کج شدن تصاویر با هاور کردن با عنوان Tilt Hover Effects رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید. دمو کد HTML : کد CSS : کد JS: در این مطلب از anime.js استفاده شده است. …

۲۹ اسفند ۱۳۹۵ ادامه ی مطلب »

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram