دکمه های جذاب و رنگارنگ با Bttn.css
دکمه های جذاب و رنگارنگ با Bttn.css

دکمه های جذاب، برای پروژه های بسیار جذاب! 🙂

اینجا به معرفی یک کتابخانه از CSS می پردازیم که به ایجاد دکمه های فانتزی و زیبا در حالت عادی و Hover کمک می کند. در حال حاظر این پروژه آنلاین ۱۳ طرح مختلف (در آینده بیشتر هم خواهد شد) که هر کدام در رنگ های مختلف، طرح های مختلف و بلوک های مختلف قابل تغییر هستند.

با مشاهده وب سایت Bttn.css خودتان درک بهتری خواهید داشت. هر طرحی که انتخاب کنید، قادر به تغییر رنگ آن در ۶ رنگ مختلف هستید. ۴ سایز مختلف در نظر گرفته شده و حالات گوناگون دیگر هم مشخص است.

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

دانلود

Bttn.css

کلاس های استایل دهی:

bttn-simple
bttn-bordered
bttn-minimal
bttn-stretch
bttn-jelly
bttn-gradient
bttn-fill
bttn-material-circle
bttn-material-flat
bttn-pill
bttn-float
bttn-unite
bttn-slant (Beta)

سایز دکمه ها:

bttn-xs
bttn-sm
bttn-md
bttn-lg

رنگ دکمه ها:

bttn-default
bttn-primary
bttn-warning
bttn-success
bttn-danger
bttn-royal

نحوه استفاده:

کد bttn.min.css را از پوشه dist و یا bttn.min.css را از cdnjs دانلود کنید و آن را به بخش head کدهای html خود اضافه کنید. کلاس های CSS دکمه را بنویسید.

<button class="bttn-material-circle bttn-md"> <i class="icon-menu"></i></button>

 

تالیف: ایده ساز

پاسخ دهید

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