CSS3.0 Maker - احصل على كود CSS للحدود وتأثيرات ظل الصندوق والمزيد

لقد قمنا بمراجعة اثنين من مولدات أكواد CSS من قبل مثل Layer Styles و ThemeShock CSS Drop Shadow Generator . كلاهما ممتاز لكنهما محدودان لأنهما ينشئان رمزًا لتأثير واحد فقط. CSS3.0 Maker هو منشئ أكواد CSS تلقائي يقوم بإنشاء رمز للحدود وظل النص وظل الصندوق وتأثيرات المخطط التفصيلي والانحراف أو التدوير أو التدوير لعنصر. يمكنك العمل على ملفات CSS متعددة (أنماط مختلفة في كل ملف) عن طريق إنشاء ملفات مختلفة. يتم تنزيل الكود كملف HTML ويتم إضافة CSS كصفحة داخلية. تخبرك الخدمة بإصدار Chrome و Firefox و Internet Explorer و Safari و Opera الذي سيتم عرض التأثيرات فيه والأجهزة المحمولة التي ستدعمها.

لإنشاء ملفات متعددة ، سيُطلب منك التسجيل للحصول على حساب مجاني. يمكن استخدام الخدمة بخلاف ذلك دون إنشاء واحدة. من الغريب أن الموقع يتيح لك إضافة المزيد من التأثيرات عندما لا تكون مسجلاً للدخول. التأثيرات الإضافية المتوفرة (عند تسجيل الخروج) هي تأثيرات التدرج والرسوم المتحركة والانتقال. عند استخدامه كمستخدم غير مسجل ، لا يسمح لك الموقع بإضافة تأثيرات متعددة. إذا اخترت استخدام الخدمة دون التسجيل للحصول على حساب ، فسترى شريطًا أفقيًا أسفل رأس الموقع مباشرةً يتيح لك تحديد تأثيرات مختلفة.

إذا كنت ترغب في إضافة تأثيرات متعددة ، فقم بالتسجيل للحصول على حساب مجاني وإنشاء ملف. يمكنك إنشاء ملف بالنقر فوق "ملف جديد" في الصفحة الرئيسية أو بالانتقال إلى " ملفاتي" . أدخل اسمًا لملفك. حدد تحرير وسيتم حفظ جميع التغييرات التي تجريها في هذا الملف. انتقل إلى علامة التبويب الصفحة الرئيسية لبدء تحرير التأثيرات.

للتنقل بين التأثيرات المختلفة ، استخدم القائمة المنسدلة في علامة التبويب الصفحة الرئيسية . لتغيير لون العنصر وضبط تعتيمه ، انتقل إلى تأثير RGBA. لإضافة حد أو تغيير أنماط الحدود ، انتقل إلى Border Radius. تنشئ تأثيرات Text Shadow و Box Shadow تأثير الظل المسقط خلف العنصر أو النص. يمكنك إمالتها وقياسها من تأثير CSS Transform وإزاحة الحد من العنصر من تأثير Outline Offset .

بمجرد إجراء جميع التغييرات وتطبيق التأثيرات التي تحتاجها ، انقر فوق حفظ ثم تنزيل لتنزيل الملف. قم بإجراء التغييرات اللازمة وستكون لديك CSS جاهزة للعمل. تكون الخدمة ممتازة إذا كنت ترغب في تجربة التصميم أو ، إذا كنت تحتاج فقط إلى تجربة عدد كبير من تأثيرات CSS لمشروع معين.

قم بزيارة CSS3.0 Maker