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

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

کدهای جذاب و دیدنی ( Pizza Loader ) : ساخت لودر پیتزایی زیبا

Pizza loader

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

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

کدهای جذاب و دیدنی ( Pile of Envelopes ) : استایل زیبا برای مجموعه پاکت نامه

Pile of Envelopes

در این قسمت میخوام یک کد ( Pile of Envelopes ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی پاکت نامه بر روی هم قرار گرفته و زمانی که بر روی اونا هاور میکنید با استایلی زیبا به سمت پایین کشیده میشن و با کلیک کردن هم استایلی دیگر به اونا اعمال میشه. بدلیل …

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

کدهای جذاب و دیدنی ( Fancy box ) : افکت زیبا برای هاور کردن

Fancy box

در این قسمت میخوام یک کد ( Fancy box ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک افکت زیبا برای هاور کردن قرار داده شده و زمانی که بر رو آیکونهای مورد نظر هاور میکنید، با افکت زیبایی باز میشن و محتوای درونی خودشون رو نمایش میدن. بدلیل اینکه حجم کدها زیاد بود …

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

افکت زیبا کج شدن برای تصاویر - Tilt Hover Effects ( نمونه آخر)

tilt-hover-effects-part8

در این مطلب نمونه آخر از افکت زیبا برای کج شدن تصاویر با هاور کردن با عنوان Tilt Hover Effects رو در اختیارتون قرار میدم. امیدوارم که بتونین از اون ایده بگیرید و یا اینکه از اون در سایتتون استفاده کنید. دمو کد HTML : کد CSS : کد JS: در این مطلب از anime.js استفاده شده است. …

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

کدهای جذاب و دیدنی ( Filter Menu ) : ساخت منو فیلتر کردن

Filter Menu

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

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

کدهای جذاب و دیدنی ( Material Switchers Animation ) : ساخت انیمیشن زیبا با تعدادی سوئیچ

Material Switchers Animation

در این قسمت میخوام یک کد ( Material Switchers Animation ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی سوئیچ مربوط به طراحی متریال قرار داده شده و با حرکت منظم اونا، انیمیشن زیبایی به وجود میاد و میتونین از اون ایده بگیرید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین …

۲۸ اسفند ۱۳۹۵ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Google Account Sign In ) : استایل زیبا برای فرم ورود گوگل

Google Account Sign In

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

۲۷ اسفند ۱۳۹۵ ادامه ی مطلب »

کدهای جذاب و دیدنی ( FAB Menu ) : ساخت منو گوشه ای زیبا

FAB Menu

در این قسمت میخوام یک کد ( FAB Menu ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک آیکون همبرگر در پایین و سمت چپ قرار داده شده و با کلیک بر روی اون زیر منوها باز میشه و میتونین اونا رو بگیرید و درگ کنید تا منوهای دیگه هم نمایش داده بشه. بدلیل …

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

کدهای جذاب و دیدنی ( Hidden Social ) : استایل زیبا برای دنبال کردن Twitter

Hidden Social

در این قسمت میخوام یک کد ( Hidden Social ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی استایل زیبا برای شبکه اجتماعی Twitter قرار داده شده و با کلیک بر روی اونا کاربر به سایت Twitter منتقل میشه. از این استایلها میتونین برای دیگر شبکه ها هم استفاده کنید. بدلیل اینکه حجم کدها …

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

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram