عناصر CSS زائفة حديثة للتصميم بدون عقد DOM إضافية. يُستخدم عند تنفيذ انتقالات العرض، أو إضافة طبقات زخرفية، أو تصميم واجهة مستخدم المتصفح الأصلية. يتم تشغيل المهام التي تتضمن ::قبل، ::بعد، أو انتقال العرض، أو تصميم الخلفية، أو تقليل JavaScript للحصول على تأثيرات مرئية.
ثبّت مهارة الذكاء الاصطناعي pseudo-elements بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: raphaelsalaja/userinterface-wiki.
Modern CSS pseudo-elements provide direct styling hooks into browser-native features—dialogs, popovers, view transitions—reducing the need for JavaScript. Sometimes you don't need to install a library; the browser has you covered.
| ::before / ::after | Decorative layers, icons, hit targets | | ::view-transition-group(name) | Control view transition animations | | ::view-transition-old(name) | Style the outgoing snapshot | | ::view-transition-new(name) | Style the incoming snapshot | | ::backdrop | Style dialog/popover backdrops | | ::placeholder | Style input placeholders |
Create anonymous inline elements as first/last child. Require content to render.
عناصر CSS زائفة حديثة للتصميم بدون عقد DOM إضافية. يُستخدم عند تنفيذ انتقالات العرض، أو إضافة طبقات زخرفية، أو تصميم واجهة مستخدم المتصفح الأصلية. يتم تشغيل المهام التي تتضمن ::قبل، ::بعد، أو انتقال العرض، أو تصميم الخلفية، أو تقليل JavaScript للحصول على تأثيرات مرئية. المصدر: raphaelsalaja/userinterface-wiki.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill pseudo-elementsعناصر CSS زائفة حديثة للتصميم بدون عقد DOM إضافية. يُستخدم عند تنفيذ انتقالات العرض، أو إضافة طبقات زخرفية، أو تصميم واجهة مستخدم المتصفح الأصلية. يتم تشغيل المهام التي تتضمن ::قبل، ::بعد، أو انتقال العرض، أو تصميم الخلفية، أو تقليل JavaScript للحصول على تأثيرات مرئية. المصدر: raphaelsalaja/userinterface-wiki.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill pseudo-elements بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/raphaelsalaja/userinterface-wiki