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

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



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

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

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

Eat Sleep Game Repeat

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

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

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

Ghosty text

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

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

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

Elastic SVG Sidebar Material Design

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

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

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

AnimatedLetters_800x600

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

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

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

Scroll controlled SVG animation

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

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

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

SVG Loading icons

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

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

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

Motion Blur Experiment

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

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

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

Curved Cut

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

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

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

Squiggly Text Experiment

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

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

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram