CSS Generator

بیست و یک: ژنراتورهای مثلث، پیکان، شکل، مسیر کلیپ و مرز شعاع. سازندگان اجزای نوار، راهنمای ابزار و لودر. ویرایشگرهای Gradient، Box-Shadow، Text-Shadow، Glassmorphism، Neumorphism، Filter، Transform، انیمیشن و افکت پرسپکتیو. به علاوه Grid Builder، Flexbox Playground، Grid Playground و یک CSS Variable Generator — همه در یک رابط.

بله. خروجی CSS تمیز و منطبق با استانداردها است که می توانید مستقیماً در هر شیوه نامه یا مؤلفه ای جایگذاری کنید. در جایی که مهم است (مسیر کلیپ، فیلترها)، پیشوندهای پیشوند فروشنده گنجانده شده است، و ابزارهای انیمیشن بلوک کامل @keyframes را خروجی می‌کنند.

مولد مثلث را باز کنید، یک جهت (بالا، پایین، چپ، راست) انتخاب کنید، اندازه و رنگ را با لغزنده ها تنظیم کنید و CSS مبتنی بر حاشیه را کپی کنید. از ترفند کلاسیک حاشیه صفر با عرض / ارتفاع صفر استفاده می کند که در هر مرورگر کار می کند.

بله. Animation Builder از پیش تنظیمات (پرش، محو شدن، اسلاید به داخل، چرخش، لرزش، پاپ) را با کنترل‌هایی برای مدت، تأخیر، عملکرد زمان‌بندی و تعداد تکرار ارائه می‌دهد. این خلاصه نویسی کامل انیمیشن به همراه قانون @keyframes را برای شما تولید می کند.

بله. جهت، توجیه محتوا، تراز کردن آیتم‌ها، بسته‌بندی، شکاف‌ها و تعداد آیتم‌ها را به صورت بصری تنظیم کنید، و ابزار CSS دقیق کانتینر شما را خروجی می‌دهد. این برای یادگیری چگونگی تأثیر هر ویژگی بر طرح و برای گرفتن یک نقطه شروع کار ایده آل است.

خیر. همه چیز به صورت محلی در مرورگر شما اجرا می‌شود - پیش‌نمایش‌ها در سمت مشتری ارائه می‌شوند و CSS در دستگاه شما تولید می‌شود. هیچ چیزی آپلود نمی شود، بنابراین ابزار سریع و کاملا خصوصی است.