تطوير المواقع

CSS: تدوير النص

 

إذا كنت تظن أن تدوير النص لا يمكن فعله إلا على شكل صورة كما هو في الصورة أعلاه فإنك مخطئ ، فبإمكانك بواسطة CSS3 تدوير النص كيفما تشاء وذلك بسهولة كما هو في ظلال النصوص وظل الصندوق

في البداية دعنا نشاهد الكود الخاص بذلك :

 

 

تستطيع تغيير القيمة (40) كما تشاء ، يمكن جعلها بشكل عمودي (90) أو عمودي عكسي (-90) أو (-40) .. إلخ

بعد أن شاهدنا ذلك لنشاهد التجربة كما يلي :


www.ed3s.com

جرب تحديد النص بالماوس لتتأكد من أنه ليس صورة ..!
قمت في المثال السابق بجعل النص عكس ماهو في الصورة بأول الموضوع حيث كانت القيمة (40) وجعلتها (-40) .

الاشتراك في النشرة البريدية
اشترك في المجموعة البريدية لتصلك آخر المقالات على البريد الالكتروني
سيتم ارسال بريد الكتروني لتأكيد الاشتراك

اقرأ المقالات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

أنت توافق على نشر تعليقك وحفظ بياناتك.

زر الذهاب إلى الأعلى