• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



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

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

کدهای جذاب و دیدنی ( Wave ) : افکت موجی برای متن

The wave

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

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

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

Pastel Gradients

در این قسمت میخوام یک کد ( Pastel Gradients ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی گرادیان زیبا با استفاده از CSS ساخته شده و میتونین از اونا در سایتتون استفاده کنید. حالت این گرادیانها خیلی طبیعی هستن و مثل این میمونن که با مداد رنگی کشیده شدن. بدلیل اینکه حجم کدها …

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

کدهای جذاب و دیدنی ( particle explosion ) : پخش ذرات با استفاده از CSS

particle explosion

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

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

کدهای جذاب و دیدنی ( Olympics CSS Spinner ) : ساخت لودر مرتبط با المپیک

Olympics CSS Spinner

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

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

کدهای جذاب و دیدنی ( Non-webgl globe ) : ساخت کره زمین بدون استفاده از WebGL

Non-webgl globe

در این قسمت میخوام یک کد ( Non-webgl globe ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید کره زمین به زیبایی ساخته شده و قرار گرفته. در این نمونه از CSS کمک گرفته شده و از WebGL برای ساخت اون استفاده نشده. با کلیک کردن و درگ کردن هم میتونین کره زمین رو جابجا …

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

کدهای جذاب و دیدنی ( Moving Car Pure CSS ) : حرکت دادن ماشین با CSS

Moving Car Pure CSS

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

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

کدهای جذاب و دیدنی ( Old Internet Scrollbars ) : شبیه سازی اسکرولهای قدیمی

Old Internet Scrollbars

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

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

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

Monsieur Whale

در این قسمت میخوام یک کد ( Monsieur Whale ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک نهنگ کارتونی زیبا با استفاده از CSS ساخته شده و چند ثانیه یکبار، انیمیشنی زیبایی نمایش داده میشه و حالت بیرون آمدن آب رو شبیه سازی کرده. با کلیک بر روی دکمه Scale میتونین این دمو …

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

کدهای جذاب و دیدنی ( Mighty Strandbeest ) : ساخت شکل سه بعدی زیبا

Mighty Strandbeest

در این قسمت میخوام یک کد ( Mighty Strandbeest ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید با استفاده از ابزار Three.js یک شکل سه بعدی زیبا ساخته شده و قرار گرفته و میتونین با درگ کردن ماوس، موقعیت دیدن رو تغییر بدین و همچنین با استفاده از دکمه اسکرول ماوس هم میتونین به …

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

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram