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

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

کدهای جذاب و دیدنی ( Bubble Animation ) : انیمیشن بصورت حباب برای تغییر رنگ

Bubble Animation

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

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

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

tilt-hover-effects-part2

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

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

کدهای جذاب و دیدنی ( Bounce Delay Loader ) : ساخت لودر زیبا و حرفه ای

Bounce Delay Loader

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

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

کدهای جذاب و دیدنی ( Autumn in Cupertino ) : شبیه سازی پاییز بصورت زیبا

Autumn in Cupertino

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

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

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

tilt-hover-effects-part1

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

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

کدهای جذاب و دیدنی ( Beating Heart ) : ساخت قلب بصورت حرفه ای با SVG

Beating Heart

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

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

کدهای جذاب و دیدنی ( Animated feelings ) : ساخت انیمیشن زیبا

Animated feelings

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

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

کدهای جذاب و دیدنی ( Android Marshmallow Boot Animation ) : شبیه سازی انیمیشن بوت Android 6

Android Marshmallow Boot Animation

در این قسمت میخوام یک کد ( Android Marshmallow Boot Animation ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید انیمیشن زیبای مربوط به Android 6 که در موقع بوت یا Boot نمایش داده میشه رو شبیه سازی کرده و میتونین از اون ایده بگیرید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای …

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

کدهای جذاب و دیدنی ( activity spinner ) : ساخت لودر دایره ای زیبا Material Design

activity spinner

در این قسمت میخوام یک کد ( activity spinner ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید لودرهای دایره ای زیبا با سایزهای مختلف ساخته شده و قرار داده شدن. این لودرها زیر مجموعه طراحی متریال هستند. این نمونه رو در مرورگر Chrome باز کنید تا بتونین به درستی اون رو مشاهده کنید. بدلیل …

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

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram