محرر أشكال CSS في Chrome مع OffiDocs

الوصف

قم بإنشاء وضبط قيم أشكال CSS باستخدام محرر تفاعلي يتداخل مع العنصر المحدد.

تحديث 21 مايو 2015: --- بالنسبة للمضلعات، سترث الإحداثيات الخالية من الوحدة وحدة الإحداثيات الشقيقة غير الصفرية بدلاً من ضبط البكسل بشكل افتراضي.

مثال 0 100% => 0% 100% الشريط الجانبي للأشكال: شريط جانبي جديد للوحة DevTools Elements يسمى "الأشكال" والذي يوفر عناصر تحكم لإنشاء وتحرير قيم أشكال CSS مثل polygon() وcircle() وellipse() على العنصر المحدد .

المضلعات: انقر على حواف الشكل لإضافة نقاط جديدة.

اسحب النقاط لتغيير الشكل.

انقر نقراً مزدوجاً فوق النقاط لإزالتها.

حدد أداة التحويل لتحريك الشكل المضلع وقياسه وتدويره.

الدوائر والأشكال البيضاوية: اسحب الشكل لتحريكه.

اسحب الحواف والزوايا لتغيير الحجم وتغيير الحجم.

سجل التحديث === تحديث 13 يناير 2015: --- يوفر حلاً بديلاً لانحدار Chrome 40+ الذي يتسبب في فشل المحرر عند تحديد عنصر لتحريره.

تحديث 8 ديسمبر 2014: --- تم اتهام هذا الامتداد خطأً بنشر برامج ضارة.

لا.

كود المصدر الخاص به متاح دائمًا للفحص: https://github.

com/oslego/chrome-css-shapes-editor يعالج الإصدار الأخير (الإصدار 1.2.0) بعض الثغرات الأمنية المحتملة التي يمكن استغلالها بواسطة البرامج النصية الضارة التابعة لجهات خارجية.

إذا واجهت سلوكًا ضارًا من متصفحك، فأعد ضبط إعدادات المتصفح: https://support.

جوجل.

com / chrome / answer / 3296214

معلومات إضافية:

- مقدمة من رازفان كاليمان
- متوسط ​​التقييم: 3.82 نجوم (أحببته)
- مطور محمي عنوان البريد الإلكتروني هذا من المتطفلين و برامج التطفل. تحتاج إلى تفعيل جافا سكريبت لتتمكن من مشاهدته.

محرر أشكال CSS على شبكة الإنترنت extension متكامل مع OffiDocs Chromium online