تولیدکننده ()CSS Clamp
مقادیر CSS سیال و واکنشگرا را با clamp() تولید کنید. بهنرمی بین اندازههای کمینه و بیشینه در بازههای viewport مقیاس میگیرد.
font-size: clamp(16px, 13.0909px + 0.9091vw, 24px);
تولیدکننده ()CSS Clamp چیست؟
تابع CSS با ساختار clamp(کمینه، ترجیحی، بیشینه) یک مقدار را در یک بازه محدود نگه میدارد و در عین حال اجازه میدهد بهصورت سیال درون آن بازه مقیاس بگیرد. این تابع برای تایپوگرافی واکنشگرا که بهجای پرش در نقاط شکست، بهنرمی همراه با عرض viewport رشد میکند، ایدهآل است. این ابزار فرمول صحیح مقدار ترجیحی را از اندازههای فونت کمینه/بیشینه و عرضهای viewport شما محاسبه میکند.
پرسشهای متداول
سازگاری با مرورگرها چگونه است؟▼
ابزارهای مرتبط
تبدیلکننده رنگ (HEX/RGB/HSL)
رنگها را بین قالبهای HEX، RGB و HSL تبدیل کنید. رنگی را بهصورت بصری انتخاب کنید یا مقادیر را بهصورت دستی وارد کنید.
تولیدکننده Box Shadow در CSS
مقادیر box-shadow در CSS را بهصورت دیداری بسازید. در لحظه پیشنمایش بگیرید و CSS تولیدشده را کپی کنید.
مولد گرادیان CSS
گرادیانهای خطی و شعاعی CSS بسازید. رنگها را بهصورت بصری انتخاب کنید و CSS تولیدشده را کپی کنید.
مولد منحنی شتابگیری Cubic Bezier
منحنیهای شتابگیری cubic-bezier برای CSS بسازید. شامل پیشتنظیمهای استاندارد است.
تولیدکننده پالت رنگ
از هر رنگ پایه، پالتهای رنگی هماهنگ تولید کنید. از طرحهای مکمل، متشابه، سهتایی و تکرنگ پشتیبانی میکند.
تولیدکننده Border Radius در CSS
مقادیر پیچیده border-radius در CSS را بهصورت دیداری بسازید. کنترل مستقل روی هر گوشه.