آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

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

کدهای جذاب و دیدنی ( Eat Sleep Game Repeat ) : نمایش زندگی بعضی گیمر ها

در این قسمت میخوام یک کد ( Eat Sleep Game Repeat ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک گیمر یا کسی که زیاد بازی میکنه، نمایش داده شده. میبینید که کارهای بیدار شدن و بازی کردن و خوابیدن رو همینجوری ادامه میده و زمان میگذره. بدلیل اینکه حجم کدها زیاد بود ، …

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

کدهای جذاب و دیدنی ( Ghosty text ) : اعمال افکتی زیبا برای متن

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

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

کدهای جذاب و دیدنی ( Elastic SVG Sidebar Material Design ) : سایدبار الاستیک

در این قسمت میخوام یک کد ( Elastic SVG Sidebar Material Design ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک سایدبار در سمت چپ قرار داده شده و زمانی که اون رو میگیریم و به سمت راست درگ میکنیم به زیبایی و با افکت الاستیک باز میشه و جزئیات مورد نظر رو نمایش …

۲۴ فروردین ۱۳۹۵ ادامه ی مطلب »

استایل زیبا برای منوی خطی - AnimatedLetters ( نمونه 1)

در این مطلب و مطالب بعدی تعداد استایل زیبا برای حروف انیمیشنی با عنوان AnimatedLetters در اختیارتون قرار میدم. امیدوارم که بتونین از اونا ایده بگیرید و یا اینکه از اونا در سایتتون استفاده کنید. دمو کد HTML : کد CSS : کد JS: در این مطلب از mo.js و segment.js استفاده شده است. امیدوارم خوشتون بیاد. موفق …

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

کدهای جذاب و دیدنی ( Scroll controlled SVG animation ) : رسم شکل با اسکرول به پایین

در این قسمت میخوام یک کد ( Scroll controlled SVG animation ) جالب رو در اختیارتون بزارم. دمو   همونطور که دیدین یک صفحه آبی وجود داره که در ابتدا هیچ شکلی درون دیده نمیشه. با اسکرول کردن به سمت پایین میبینید که یک شکل بصورت زیبا رسم میشه و با رسیدن به انتهای صفحه تکمیل میشه. …

۲۶ خرداد ۱۳۹۴ ادامه ی مطلب »

کدهای جذاب و دیدنی ( SVG Loading icons ) : تعدادی لودر زیبا بصورت SVG

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

۱۲ خرداد ۱۳۹۴ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Motion Blur Experiment ) : ساخت دیالوگی بسیار زیبا

در این قسمت میخوام یک کد ( Motion Blur Experiment ) جالب رو در اختیارتون بزارم. دمو   همونطور که دیدین یک دکمه قرار داده شده و با کلیک بر روی اون یک دیالوگ با افکت بسیار زیبایی نمایش داده میشه و با بستن اون نیز این افکت زیبا اجرا میشه. بدلیل اینکه حجم کدها زیاد …

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

کدهای جذاب و دیدنی ( Curved Cut ) : برش انحنا دار با استفاده از CSS و SVG

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

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

کدهای جذاب و دیدنی ( Squiggly Text Experiment ) : ساخت افکتی زیبا برای متن

در این قسمت میخوام یک کد ( Squiggly Text Experiment ) جالب رو در اختیارتون بزارم. دمو   همونطور که دیدین یک متن با افکتی زیبا قرار داده شده که با استفاده از svg و CSS ساخته شده و همچنین شما میتونین متنی رو اضافه یا حذف کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در …

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

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram