مجموعه ۱۱ تا از بهترین دکمه های شبکه های اجتماعی ساخته شده با CSS3

یکشنبه ۷ شهریور ۱۳۹۵

مجموعه ۱۱ تا از بهترین دکمه های شبکه های اجتماعی ساخته شده با CSS3Reviewed by جواد نبوی on Aug 28Rating: 4.5

سلام دوستان؛ در این مطلب میخواهیم مجموعه ۱۱ تا از بهترین دکمه های شبکه های اجتماعی که توسط CSS3 و html ساخته شده اند را به شما معرفی کنیم. این دکمه ها به صورت انیمیشنی بوده و زمانی که موس روی آنها قرار میگیرد به صورت انیمیشنی تغییر حالت میدهند. اگر برای سایتتان میخواهید دکمه های شبکه های اجتماعی را قرار دهید پیشنهاد میکنیم حتما از یکی از این مجموعه ها استفاده کنید.

زمانی که فایل دکمه را دانلود کردید، کد های html و CSS آن را باهم دریافت میکنید. کافیست این کد ها را وارد پروژه تان کنید.

آیکون های استایل دهی شده Font Awesome

این دکمه ها شامل آیکون های مجموعه Font Awesome هستند. پس از اینکه فایل را دانلود کردید باید Font Awesome را هم نصب کنید.

لینک ها:

آیکون های استایل دهی شده Font Awesome

دکمه های شبکه های اجتماعی شیک

این مجموعه دارای دکمه های بسیار شیک شبکه های اجتماعی است. زمانی که روی آن موس را قرار میدهید یک افکت بسیار جذاب و شیک ظاهر میشود.

لینک ها:

بهترین دکمه های شبکه های اجتماعی

مجموعه ای از دکمه های شبکه های اجتماعی

در این مجموعه چند حالت و شکل مختلف از دکمه های شبکه های اجتماعی را میبینید.

لینک ها:

بهترین دکمه های شبکه های اجتماعی

دکمه های شبکه های اجتماعی ساده و زیبا با CSS3

زمانی که موس روی این دکمه ها قرار میگیرد یک افکت رولی به همراه چرخش آیکون انجام میشود. افکت ساده و زیبا است.

لینک ها:

بهترین دکمه های شبکه های اجتماعی با CSS3

دکمه هایی خیال انگیز

این دکمه ها هم بسیار جذاب طراحی شده اند. وقتی موس روی آن ها قرار میگیرد به نرمی از حالت مربع به دایره تبدیل میشوند.

لینک ها:

دکمه های شبکه های اجتماعی

افکت شناور فانتزی

این دکمه ها به صورتی جذاب و فانتزی از قرار گرفتن موس بر روی خودشان تاثیر می پذیرند.

لینک ها:

دکمه های فانتزی شبکه های اجتماعی با CSS3

دکمه هایی خوشمزه!

پیش نمایش را ببینید. یک افکت جذاب و ساده.

لینک ها:

دکمه های آماده با CSS3

دکمه های شبکه اجتماعی اسلایدی

وقتی موس را روی این دکمه ها قرار میدهید، به صورت اسلایدی یک دکمه برای اشتراک گذاری ظاهر می شود.

لینک ها:

دکمه های شبکه اجتماعی اسلایدی

دکمه های شبکه های اجتماعی در فوتر

این دکمه ها که به صورت Long Shadow یا سایه بلند طراحی شده اند، مخصوص فوتر سایت هستند.

لینک ها:

دکمه های شبکه اجتماعی با CSS3

دکمه های شبکه های اجتماعی دایره ای

این دکمه ها به صورت دایره ای طراحی شده اند و زمانی که موس روی آنها قرار گیرد بزرگ شده و فاصله بردر از دکمه بیشتر میشود.

لینک ها:

دکمه های دایره ای شبکه های اجتماعی با CSS

بخش اجتماعی

یک مجموعه از دکمه های اجتماعی با افکت زوم زیبا. وقتی که موس روی این دکمه ها قرار میگیرد، سایز آن ها به نرمی بزرگتر می شود.

لینک ها:

دکمه های اجتماعی با CSS

امیدواریم لذت برده باشید.

به فونت آیکون هم نیاز دارید؟ در لینک زیر ۳۰ مجموعه برتر فونت آیکون را قرار داده ایم:

۳۰ تا از برترین مجموعه های فونت آیکون

تبلیغات

نویسنده (مدیر سایت)

جواد نبوی هستم. حدود 7 سالی میشه در زمینه طراحی وب و گرافیک کار می کنم و بعد از توپ دیزاین، این دومین سایت آموزش طراحی وب و گرافیک هستش که راه انداختم. امیدوارم بتونم برای همه ی شما مفید باشم.

2 دیدگاه برای “مجموعه ۱۱ تا از بهترین دکمه های شبکه های اجتماعی ساخته شده با CSS3”

  1. zeynab گفت:

    چه جوری باید از اینا استفاده کرد ؟؟

    1. جواد نبوی گفت:

      سلام
      باید کد html درون سند اچ تی ام ال و کد های CSS هم درون فایل استایل با فرمت .css قرار بگیرند.

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *