CSS3 Generator در Chrome با OffiDocs

شرح

CSS3 Generator یک افزونه مفید است که کد مورد نیاز برای CSS شما را ایجاد می کند.

در حال حاضر کدهای متقابل مرورگر (تا جایی که ممکن است) برای ویژگی های CSS3 زیر تولید می کند: - سایه متن - جدید، سایه های متعدد اکنون می توانند اضافه شوند - Hex/RGBA - Transforms - Border Radius - Box Shadow - NEW، چندین سایه اکنون می توانند اضافه شوند. اضافه شود - جدید، سایه‌های جعبه را می‌توان به صورت درج تنظیم کرد - ستون‌ها - گرادیان‌ها - خطی - شعاعی - راه راه (جدید!) - فلش‌ها (برای نکات ابزار و غیره) ویژگی‌های بیشتری نیز در راه است و همه چیز به‌روز نگه داشته می‌شود به عنوان استانداردها تغییر و تنظیم مجدد.

هر بخش دارای لغزنده های مفیدی است (در صورت لزوم) برای انتخاب مقادیر مورد نظر برای هر ویژگی CSS و برای گرادیان ها می توانید به سرعت و به راحتی توقف رنگ ها را اضافه و حذف کنید تا گرادیان کامل خود را ایجاد کنید! تنها کاری که باید انجام دهید این است که کد تولید شده را در CSS خود کپی کنید و کار تمام است! اگر می خواهید ویژگی CSS3 اضافه شده را ببینید، لطفاً بازخورد خود را ارسال کنید.

در صورت وجود هر گونه مشکل یا یافتن اشکال، یک سایت پشتیبانی وجود دارد.

آخرین تغییرات -------------- نسخه 1.0.5 ----------- - رفع یک اشکال در کروم به این معنی که رویداد تغییر برای لغزنده فعال نمی شود.

یک اصلاح اضافه شده است به طوری که اکنون همه لغزنده ها در زمان تغییر به روز می شوند.

نسخه 1.0.4 ----------- - به طرز آزاردهنده ای چیزی در Chrome تغییر کرده است، به این معنی که رویداد تغییر زمانی که مقدار لغزنده تغییر می کند فعال نمی شود، بلکه زمانی که رویداد ماوس فعال می شود.

لغزنده ها مقادیر را به روز می کنند، اما فقط زمانی که ماوس را رها کنید.

- مبدل RGBa < - > را به روز کرد تا مقادیر RGB هگز را به روز کنند.

به زودی تغییری در CSS در راه است که ممکن است شاهد اضافه شدن کدورت به عنوان دو کاراکتر اضافی در مقادیر هگزا دسیمال باشیم.

اگر این مورد منتشر شد، به روز خواهم کرد.

- همچنین بخش آلفای RGBa را به رنگ مثال اضافه کرد.

اکنون با اضافه کردن آلفا (تماندگی) بیشتر به رنگ، محو می شود.

- اکنون می توانید سایه های جعبه را به عنوان درج تنظیم کنید.

- برخی از رفع اشکال و بهینه سازی.

نسخه 1.0.3 ----------- - اضافه شدن گرادیان های راه راه در زیر زبانه گرادیان - پشتیبانی از سایه های متنی متعدد - و کدورت - پشتیبانی از سایه های جعبه های متعدد - و opacity v 1.0.2 --- -------- - مشکلی را برطرف کرد که در آن بخش رنگ‌های انتقال کار نمی‌کرد یا گزینه‌های داده شده ذخیره می‌شد.

- عنوان هگز و RGBa را تغییر داد تا نشان دهد که آنها تبدیل‌های قابل تعویض نسخه 1.0.1 هستند ----------- اکنون با بهینه‌سازی کد، همه چیز باید کمی صاف‌تر باشد.

- اضافه شدن برگه انتقال با سه زبانه فرعی.

- موقعیت: موقعیت بالا، راست، پایین و چپ را متحرک کنید.

- لبه ها: لبه ها را متحرک کنید (حاشیه، بالشتک، و غیره).

- رنگ ها: رنگ های مختلف (پس زمینه، حاشیه و غیره) را متحرک کنید.

- Easing: گزینه easing (از جمله beziers سفارشی!) را تنظیم کنید.

- اضافه شدن برگه فیلترها با دو زبانه فرعی - فیلترهای اصلی: مجموعه فیلترهایی که نیاز به دسته ای از گزینه ها ندارند - Drop Shadow: به چند گزینه نیاز دارد بنابراین در یک برگه جداگانه قرار دهید - تبدیل تبدیل ها، شعاع حاشیه و سایه جعبه را اکنون به برگه خود منتقل کرده اند. به نام Box Model برای صرفه جویی در فضا و مختصر بودن.

- شروع به اضافه کردن اطلاعات/راهنماهای کمکی برای برخی از ویژگی های CSS3 کرد.

- چندین رفع اشکال، به خصوص در مواردی که برخی از تب ها به درستی کار نمی کردند.

- برخی اصلاحات و بهینه سازی کد.

صرف طولانی مدت در جستجوی کد باعث ایجاد کد بد می شود.

اطلاعات اضافی:

- ارائه شده توسط ahallicks
- میانگین امتیاز: 4.71 ستاره (آن را دوست داشتم)
- توسعه دهنده این آدرس ایمیل در مقابل هرزنامه ها محافظت می شود. دیدن شما نیاز به جاوا اسکریپت دارید

وب ژنراتور CSS3 extension با OffiDocs یکپارچه شده است Chromium آنلاین