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

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

کدهای جذاب و دیدنی ( flip Hamburger menu ) : افکت چرخشی زیبا برای آیکون منو

در این قسمت میخوام یک کد ( flip Hamburger menu ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک آیکون همبرگر برای باز و بسته شدن منو قرار داده شده و زمانی که بر روی اون کلیک میکنید، با افکتی زیبا به علامت X تبدیل میشه و با کلیک مجدد به حالت اولیه برمیگرده. …

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

کدهای جذاب و دیدنی ( Pacman ) : ساخت بازی پک من با CSS و SVG

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

انیمیشن زیبا برای گریدبندی تصاویر - Grid Loading Animations ( نمونه 7)

در این مطلب نمونه 7 برای انیمیشن گریدبندی تصاویر با عنوان Grid Loading Animations رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید. دمو همونطور که دیدیدن تعدادی تصویر بصورت گریدبندی شده قرار گرفتن و زمانی که بر روی دکمه Run Effect کلیک میکنید، انیمیشن لود شدن تصاویر …

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

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

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

کدهای جذاب و دیدنی ( Gradient Button ) : افکت گرادیانی زیبا برای دکمه

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

کدهای جذاب و دیدنی ( Full Slider Prototype ) : ساخت اسلایدر تمام صفحه و حرفه ای

در این قسمت میخوام یک کد ( Full Slider Prototype ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک اسلایدر تمام صفحه و حرفه ای ساخته شده و میتونین از اون استفاده کرده و ایده بگیرید. افکتی که بین تغییر اسلایدهای اون انجام میشه خیلی زیبا و جالب است. بدلیل اینکه حجم کدها زیاد …

انیمیشن زیبا برای گریدبندی تصاویر - Grid Loading Animations ( نمونه 6)

در این مطلب نمونه 6 برای انیمیشن گریدبندی تصاویر با عنوان Grid Loading Animations رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید. دمو همونطور که دیدیدن تعدادی تصویر بصورت گریدبندی شده قرار گرفتن و زمانی که بر روی دکمه Run Effect کلیک میکنید، انیمیشن لود شدن تصاویر …

کدهای جذاب و دیدنی ( Hand loading ) : لودینگ زیبا به شکل دست

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

کدهای جذاب و دیدنی ( Dual Sliding Panels ) : ساخت پانل کشویی دوگانه

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

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

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

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

ورود به سایت

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

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

عبارت :