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

آرشیو بانک کد سون لرن   ( صفحه 4 ) ( 1408 مورد )

کدهای جذاب و دیدنی ( CSS Paper Text ) : ساخت افکت کاغذی برای متن

CSS Paper Text

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

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

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

tilt-hover-effects-part4

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

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

کدهای جذاب و دیدنی ( Color Palette ) : ساخت بسته رنگی زیبا

Color Palette

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

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

کدهای جذاب و دیدنی ( CSS box shadow particles ) : ذرات ساخته شده با Box Shadow

CSS box shadow particles

در این قسمت میخوام یک کد ( CSS box shadow particles ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید انیمیشنی زیبایی ساخته شده و در اون ذراتی که با استفاده از Box Shadow یا همون سایه ساخته شدن، به زیبایی حرکت داده میشن و اشکال زیبایی رو در کنار هم میسازن. بدلیل اینکه حجم …

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

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

tilt-hover-effects-part3

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

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

کدهای جذاب و دیدنی ( CSS 3D Solar System ) : ساخت منظومه شمسی با CSS

CSS 3D Solar System

در این قسمت میخوام یک کد ( CSS 3D Solar System ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید منظومه شمسی به زیبایی ساخته شده و قرار گرفته. میتونین اون رو در حالت دو بعدی و سه بعدی مشاهده کنید. همچنین میتونین منظومه رو بر اساس فاصله، سرعت و سایز مشاهده کنید و تفاوت …

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

کدهای جذاب و دیدنی ( CSS Marble Drop Animation ) : انیمیشن افتادن گلوله شیشه ای

CSS Marble Drop Animation

در این قسمت میخوام یک کد ( CSS Marble Drop Animation ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک گلوله شیشه ای از بالا بصورت انیمیشنی به پایین انداخته میشه و همنیطور مسیرش رو ادامه میده تا درون سوراخ پایینی قرار بگیره. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین …

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

کدهای جذاب و دیدنی ( Burger menu ) : استایل زیبا و جالب برای منو

Burger menu

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

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

کدهای جذاب و دیدنی ( Canvas Particles ) : ساخت شبکه زیبا با Canvas

Canvas Particles

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

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

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram