آیا می دانید تا کنون 8201 نفر در 16 دوره آموزشی سون لرن ثبت نام کرده اند !

آرشیو بانک کد سون لرن ( 1455 مورد )

کدهای جذاب و دیدنی ( Parallax scene ) : ساخت افکت پارالکس با CSS

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

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

کدهای جذاب و دیدنی ( Scroll Lorem Ipsum ) : افکت زیبا برای اسکرول نامه های قدیمی

در این قسمت میخوام یک کد ( Scroll Lorem Ipsum ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک نامه با استایل قدیمی قرار داده شده و زمانی که ماوس رو بر روی اون میبرید و اسکرول میکنید، به زیبایی میچرخه و حالت جالبی رو به وجود میاره. بدلیل اینکه حجم کدها زیاد بود …

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

کدهای جذاب و دیدنی ( Kiosk Icon Menu ) : استایل زیبا برای منو با SVG

در این قسمت میخوام یک کد ( Kiosk Icon Menu ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک منو قرار داده شده و زمانی که بر روی هر کدوم از اونا کلیک میکنید، بصورت زیبا فعال میشه. این افکت با استفاده از SVG ساخته شده و میتونین از اون استفاده کنید. بدلیل اینکه …

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

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

کدهای جذاب و دیدنی ( Decorative Text Underline ) : قرار دادن Underline زیبا برای متن

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

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

کدهای جذاب و دیدنی ( TV App ) : رابط کاربری زیبا برای وبسایت ویدیویی

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

کدهای جذاب و دیدنی ( CSS Responsive Tables ) : واکنشگرا کردن جداول با CSS

در این قسمت میخوام یک کد ( CSS Responsive Tables ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید جداول موجود در صفحه دمو به زیبایی و با استفاده از CSS خالص واکنشگرا شدن. زمانی که عرض مرورگر از عرض جداول کمتر میشه، یک اسکرول افقی برای جداول قرار داده میشه و میتونین با حرکت …

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

کدهای جذاب و دیدنی ( CSS BUTTONS ) : تعدادی استایل زیبا برای هاور دکمه

در این قسمت میخوام یک کد ( CSS BUTTONS ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی استایل زیبا برای دکمه قرار داده شده و زمانی که بر روی اونا هاور میکنید نمایش داده میشن. شما میتونین از این موارد درون سایتتون استفاده کنید. برای ساخت این افکتها از Linear Gradient و Box-shadow …

کدهای جذاب و دیدنی ( Low Poly Tree Generator ) : تولید درختهای زیبا با Three.js

در این قسمت میخوام یک کد ( Low Poly Tree Generator ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید درختهای سه بعدی و چند وجهی زیادی با استفاده از Three.js ساخته شده و قرار گرفته. همچنین شما میتونین با استفاده از جعبه تنظیماتی که در سمت راست و بالا قرار داره، استایل رسم درخت …

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

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram