آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آرشیو بانک کد سون لرن کدهای جاوا اسکریپت ( 293 مورد )

کدهای جذاب و دیدنی ( Displacementmap image transition ) : افکت زیبا برای تغییر تصویر

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

۶ اردیبهشت ۱۳۹۶ ادامه ی مطلب »

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

در این مطلب و مطالب بعدی تعدادی افکت زیبا برای کج شدن تصاویر با هاور کردن با عنوان Tilt Hover Effects در اختیارتون قرار میدم. زمانی که بر روی این تصاویر هاور میکنید و ماوستون رو بر روی اون تکان میدهید، عکس مورد نظر و چیزایی که روی اون قرار داره هم متناسب با اون …

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

کدهای جذاب و دیدنی ( Smoke Particles ) : ساخت دود با Three.js

در این قسمت میخوام یک کد ( Smoke Particles ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید افکت دود با استفاده از ابزار سه بعدی Three.js ساخته شده و حالت زیبایی رو به وجود آورده. شما میتونین از این نمونه ایده گرفته و استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در …

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

افکت زیبا برای حروف - Letter Effects ( نمونه آخر)

در این مطلب نمونه 18 و آخر افکت زیبا برای حروف با عنوان Letter Effects رو در اختیارتون قرار میدم. امیدوارم که از اون لذت ببرید و استفاده کنید. دمو کد HTML : کد CSS : کد JS: در این مطلب از ابزارهای anime.js و Charming و imagesloaded و lineMaker استفاده شده است. امیدوارم خوشتون بیاد. …

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

افکت زیبا برای حروف - Letter Effects ( نمونه 17)

در این مطلب نمونه 17 افکت زیبا برای حروف با عنوان Letter Effects رو در اختیارتون قرار میدم. امیدوارم که از اون لذت ببرید و استفاده کنید. دمو کد HTML : کد CSS : کد JS: در این مطلب از ابزارهای anime.js و Charming و imagesloaded و lineMaker استفاده شده است. امیدوارم خوشتون بیاد. موفق باشید. یا …

۲۸ آذر ۱۳۹۵ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Bouncy Balls ) : ساخت توپهای جهنده و فنری

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

۲۷ آذر ۱۳۹۵ ادامه ی مطلب »

افکت زیبا برای حروف - Letter Effects ( نمونه 16)

در این مطلب نمونه 16 افکت زیبا برای حروف با عنوان Letter Effects رو در اختیارتون قرار میدم. امیدوارم که از اون لذت ببرید و استفاده کنید. دمو کد HTML : کد CSS : کد JS: در این مطلب از ابزارهای anime.js و Charming و imagesloaded و lineMaker استفاده شده است. امیدوارم خوشتون بیاد. موفق باشید. یا …

۲۳ آذر ۱۳۹۵ ادامه ی مطلب »

افکت زیبا برای حروف - Letter Effects ( نمونه 15)

در این مطلب نمونه 15 افکت زیبا برای حروف با عنوان Letter Effects رو در اختیارتون قرار میدم. امیدوارم که از اون لذت ببرید و استفاده کنید. دمو کد HTML : کد CSS : کد JS: در این مطلب از ابزارهای anime.js و Charming و imagesloaded و lineMaker استفاده شده است. امیدوارم خوشتون بیاد. موفق باشید. یا …

۱۹ آذر ۱۳۹۵ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Bunny Particles ) : ساخت خرگوش با ذرات پراکنده

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

۱۶ آذر ۱۳۹۵ ادامه ی مطلب »

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram