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

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



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

آرشیو بانک کد سون لرن کدهای CSS ( 1149 مورد )

کدهای جذاب و دیدنی ( Wavy Dashes Remake ) : ساخت حالت موجی زیبا

Wavy Dashes Remake

در این قسمت میخوام یک کد ( Wavy Dashes Remake ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی ذره و خط تیره قرار گرفته و با حالتی زیبا، حرکت موجی رو به وجود میارن. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده …

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

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

Letter-Effects-part14

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

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

کدهای جذاب و دیدنی ( Particle Emitter ) : پخش ذرات با حرکت ماوس

Particle Emitter

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

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

کدهای جذاب و دیدنی ( Sine Ball ) : ساخت توپ با استفاده از نمودار سینوسی

Sine Ball

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

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

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

Skewed

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

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

کدهای جذاب و دیدنی ( Saturn CSSed ) : ساخت زحل با استفاده از CSS

Saturn CSSed

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

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

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

Letter-Effects-part13

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

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

کدهای جذاب و دیدنی ( Emoji alphabet ) : الفبای شکلکها یا Emoji

Emoji alphabet

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

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

کدهای جذاب و دیدنی ( The Wave ) : ساخت حالتی موج مانند و زیبا

The Wave

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

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

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram