CSS دکمه ژنراتور
ایجاد دکمه های سبک با کد CSS
tools.buttonGenerator.title
tools.buttonGenerator.description
.click-me {
padding: 12px 18px;
font-size: 16px;
font-weight: 600;
border-radius: 4px;
border: none;
background-color: #3B82F6;
color: #FFFFFF;
cursor: pointer;
}
.click-me:hover {
background-color: #2563EB;
}با استفاده از مولد دکمه ما، دکمه های سفارشی را با استایل CSS طراحی کنید. برای پروژه های وب خود دکمه هایی با رنگ، اندازه، حاشیه و جلوه های شناور ایجاد کنید.
Key Features
متن و استایل دکمه قابل تنظیم
انتخابگر رنگ برای رنگ های پس زمینه و متن
بالشتک قابل تنظیم، اندازه قلم و شعاع حاشیه
گزینه های وزن و سبک قلم
طرح حاشیه (هیچ، توپر، چین دار، نقطه چین)
انتخاب رنگ افکت شناور
ژنراتور دکمه
متن دکمه را وارد کنید
متن برچسبی را که می خواهید روی دکمه شما نمایش داده شود تایپ کنید
سفارشی کردن رنگ ها
از انتخابگرهای رنگ برای تنظیم پسزمینه، متن و رنگهای شناور استفاده کنید
تنظیم ابعاد
بالشتک، اندازه قلم و شعاع حاشیه را برای اندازه تنظیم کنید
اضافه کردن استایل
وزن قلم را انتخاب کنید و در صورت تمایل سبک حاشیه را انتخاب کنید
ببینید کپی CSS
برای دریافت کد CSS برای دکمه استایل خود، روی Copy کلیک کنید
Use Cases
ایجاد دکمه های فراخوان برای اقدام برای صفحات فرود
طراحی استایل دکمه های ثابت برای برنامه های تحت وب
ساخت حالت های شناور دکمه برای بازخورد تعاملی
نمونه سازی اجزای رابط کاربری برای سیستم های طراحی
Frequently Asked Questions
آیا می توانم حالت های مختلف دکمه ایجاد کنم؟
بله، ژنراتور CSS حالت عادی و شناور را به صورت خودکار ایجاد می کند
چه کلاس های CSS تولید می شوند؟
این ابزار نام کلاس های معنایی را بر اساس متن دکمه شما تولید می کند
آیا می توانم سبک های حاشیه را سفارشی کنم؟
بله، از حاشیه های هیچ، توپر، چین دار، نقطه چین یا دوتایی با عرض سفارشی انتخاب کنید
آیا تولید کد آماده است؟
بله، تمام CSS های تولید شده بهینه شده و آماده استفاده در تولید هستند
Tool Information
Related Tools You Might Like
رنگی ژنراتور از تصویر
استخراج رنگ های غالب از یک تصویر
RGB و Hex Converter
تبدیل فرمت های رنگی RGB و HEX
ژنراتور CSS Gradient
ایجاد گرادین های CSS با پیش نمایش
کنترل کنتراست WCAG
کنترل رنگ با توجه به استانداردهای WCAG
ژنراتور امضا دیجیتال
ایجاد امضای دیجیتال با فونت های مختلف
جعبه سایه ژنراتور
ایجاد سایه جعبه CSS
محاسبه حجم Surfboard Calculator
محاسبه حجم کامل surfboard بر اساس وزن، سطح تجربه و شرایط امواج شما.
تبدیل ارتفاع موج
تبدیل بین اندازه گیری های مختلف ارتفاع امواج (ارتفاع صورت، مقیاس هاوایی، تورم اقیانوس).
دانلود Scuba Dive Planner
برنامه ریزی غواصی اسکوبا خود را با محدودیت های عمق، زمان پایین و نیازهای ایمنی انقباض.