ساخت استایل CSS
نوع استایل را انتخاب کنید، تنظیمات را تغییر دهید و کد CSS را کپی کنید.
پیشنمایش
گرادیانت
سایه باکس
شیشهای (Glassmorphism)
نئومورفیسم
حاشیه و گردی گوشه
افکتهای متن
فیلترهای CSS
ترانسفورم
کد CSS
درباره این ابزار
استایلهای CSS را به صورت بصری و بدون کدنویسی بسازید. گرادیانت، سایه، افکت شیشهای (Glassmorphism)، نئومورفیسم و حاشیه را با تنظیم اسلایدرها و انتخاب رنگ طراحی کنید و کد CSS آماده را کپی کنید.
پیشنمایش زنده هر تغییر را فوراً نشان میدهد. مناسب برای طراحان وب که میخواهند سریع به استایل دلخواه برسند.
ویژگیها
- ساخت گرادیانت خطی و شعاعی با چند رنگ
- تنظیم سایه (Box Shadow) با چند لایه
- افکت شیشهای (Glassmorphism) با تنظیم شفافیت و بلور
- افکت نئومورفیسم (Neumorphism) با تنظیم نور و سایه
- پیشنمایش زنده و کپی کد CSS
- پردازش در مرورگر؛ دادهای به سرور ارسال نمیشود
سوالات متداول
Glassmorphism چیست؟
Glassmorphism یک سبک طراحی است که عناصر را شبیه شیشه مات نمایش میدهد. با ترکیب شفافیت پسزمینه و فیلتر بلور (backdrop-filter: blur) ایجاد میشود.
Neumorphism چیست؟
Neumorphism یک سبک طراحی است که عناصر را با سایههای نرم بیرونی و درونی، شبیه برجستگی از سطح نمایش میدهد. ترکیبی از طراحی تخت و اسکیومورفیسم است.
آیا کد تولیدشده با همه مرورگرها سازگار است؟
بیشتر ویژگیها با مرورگرهای مدرن سازگار هستند. backdrop-filter برای Glassmorphism در برخی مرورگرهای قدیمیتر پشتیبانی نمیشود.
