سون لرن • آموزش

در این قسمت میخوام یک کد (movey backgrounds grid ) جالب رو در اختیارتون بذارم. توضیحات مربوط به کد movey backgrounds grid همونطور که دیدید تعدادی تصویر با گریدبندی زیبا در کنار یکدیگر قرار گرفتن و زمانی که بر روی اونا هاور میکنید و ماوستون رو حرکت میدید، تصویر پس زمینه اونا به زیبایی حرکت میکنه و حالت زیبایی رو به وجود میاره. برای انجام چنین کاری از CSS و Javascript بصورت همزمان استفاده شده است. برای مشاهده نحوه پیاده سازی این نمونه میتونین وارد بخش View Source بشید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی لینک دانلود Source ...

در این قسمت میخوام یک کد (Nature ) جالب رو در اختیارتون بذارم. توضیحات مربوط به کد Nature همونطور که دیدید متن با عنوان طبیعت با استفاده از مسیر SVG به وجود اومده و با اون افکت زیبایی رو به وجود آوردن. شما میتونین از این نمونه ایده بگیرید و از اون در سایت خودتون استفاده کنید. برای مشاهده نحوه پیاده سازی این نمونه میتونین وارد بخش View Source بشید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی لینک دانلود Source ...

در این قسمت میخوام یک کد (Swirly ) جالب رو در اختیارتون بذارم. توضیحات مربوط به کد Swirly همونطور که دیدید یک افکت پیچشی و گردابی زیبا و حرفه ای برای متن درون Canvas به وجود اومده و میتونین از اون ایده بگیرید و یا در سایتتون استفاده کنید. این افکت درون Canvas و با استفاده از کدهای Javascript به وجود آمده است. برای مشاهده کدهای مربوط به این نمونه میتونین وارد بخش View Source بشید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی لینک دانلود Source ...

در این قسمت میخوام یک کد (Buttons Depth Effect ) جالب رو در اختیارتون بزارم. دموتوضیحات مربوط به کد Buttons Depth Effect همونطور که دیدید دو دکمه بصورت سوئیچی و زیبا قرار داده شده اند و با کلیک بر روی هر کدام یک افکت عمقی زیبا نمایش داده میشه و دکمه مورد نظر انتخاب میشه. شما میتونین از این مورد ایده بگیرید و از اون در سایتتون استفاده کنید. برای مشاهده کدهای این نمونه میتونین وارد بخش View Source بشید. برای ساخت این کد از CSS Animation و انتقال سه بعدی استفاده شده است و با کمک Javascript هم کلاس های مورد نظر رو اضافه یا حذف میکنیم. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باش...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که طراحی بسیار زیبا و حرفه ای داره و میتونین با درگ کردن اون رو به زیبایی جابجا کنید و افکتهای جالبی رو مشاهده کنید.برای شروع وارد سایتAnagramبشین. توضیحات مربوط به کتابخانه Anagram این سایت طراحی بسیار زیبا و حرفه ای داره و میتونین با استفاده از درگ کردن قسمت های مختلف سایت رو مشاهده کنید. با درگ کردن سایت، قسمت هایی کشیده شده و جاهای دیگه جمع میشن و افکت بسیار زیبایی نمایش داده میشه. با هاور کردن بر روی قسمت های مختلف، حالات زیبایی نمایش داده میشه که میتونین از اونا ایده بگیرید. امیدوارم بدردتون بخوره. موفق باشید. یا علی Anagram attractive beauty drag effect idea website ...

افکت زیبا برای دکمه - Distorted Button Effects (نمونه 5) • سون لرن آيا مي دانيد ميانگين رضايت دانشجويان سون لرن از دوره ها، بيش از ٩٣% مي باشد! ...

افکت زیبا برای دکمه - Distorted Button Effects (نمونه 4) • سون لرن آيا مي دانيد ميانگين رضايت دانشجويان سون لرن از دوره ها، بيش از ٩٣% مي باشد! ...

در این قسمت میخوام یک کد (Layered Button ) جالب رو در اختیارتون بزارم. دموتوضیحات مربوط به کد Layered Button همونطور که دیدید یک دکمه قرار داده شده است و زمانی که بر روی اون هاور میکنید به زیبایی بصورت چندلایه در میاد. م...

در این مطلب نمونه 3 از افکت زیبا برای ž...

در این قسمت میخوام یککد( Button effects) جالب رو در اختیارتون بزارم. توضیحات مربوط به افکت های دکمه یا Button effects همونطور که دیدید سه دکمه قرار داده شده و زمانی که بر روی اونا هاور میکنید، افکت زیبایی برای اونا اجرا میشه و Border های اونا به زیبایی تغییر حالت و مکان میدن. برای ساخت این نمونه از افکت ها، در کلاسهای کاذب after و before مربوط به دکمه ها borderدر نظر گرفته شده و زمانی که بر رو...