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

CSS: تدوير النص

 

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

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

 

 

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

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

www.ed3s.com

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

الوسوم

مقالات ذات صلة

اترك تعليقاً

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