مدوّنة المعتصم

‬

‫

‬
‎‫كنت أبحث قبل مدّة عن طريقة لجعل النص يتغيّر بمجرّد وضع المؤشر فوقه بواسطة الـ CSS والـ jQuery ، ووجدت ‬طريقة تساعدني على فعل هذا بشكل أفضل مما أردت ،‫ وأحببت مشاركتها هنا.‬
‎‫الطريقة تعتمد على مكتبة الـ jQuery بالإضافة إلى ‬الأداة الأساسية‫ التي ‬ت‫قوم بالعملية rotate3Di وأيضاً لا أنسى الـ CSS.‬
‎‫النتيجة ستكون شيئاً مشابهاً لما يلي: (ضع المؤشر فوق أحد المربعات لترى النتيجة)‬
‫

‬

‫

‬
‎‫كود الـ HTML المستخدم لعمل هذا بسيط جداً ، وهو عبارة عن div أساسي وفي داخله قائمة ، كل عنصر li في هذه القائمة يحتوي على 2 divs ، الأول سيكون اسم الكلاس الخاص فيه front والثاني back. الفرونت سيتم عرضه مباشرة عند تحميل الصفحة ، والباك سيتم إخفاؤه عن طريق الستايل ، وعندما يمر المؤشر عليه سيتم إخفاء الفرونت وإظهار الباك عن طريق سكربت rotate3Di.‬
‫

‬
‫

‬
‎‫هذا هو كود الـ HTML المستعمل لإظهار هذه المربعات:‬
‫

‬
‏ أكمل قراءة الموضوع »