إذا كنت تظن أن تدوير النص لا يمكن فعله إلا على شكل صورة كما هو في الصورة أعلاه فإنك مخطئ ، فبإمكانك بواسطة CSS3 تدوير النص كيفما تشاء وذلك بسهولة كما هو في ظلال النصوص وظل الصندوق
في البداية دعنا نشاهد الكود الخاص بذلك :
|
1 2 3 4 5 |
transform:rotate(40deg); -ms-transform:rotate(40deg); /* Internet Explorer */ -moz-transform:rotate(40deg); /* Firefox */ -webkit-transform:rotate(40deg); /* Safari and Chrome */ -o-transform:rotate(40deg); /* Opera */ |
تستطيع تغيير القيمة (40) كما تشاء ، يمكن جعلها بشكل عمودي (90) أو عمودي عكسي (-90) أو (-40) .. إلخ
بعد أن شاهدنا ذلك لنشاهد التجربة كما يلي :
www.ed3s.com
جرب تحديد النص بالماوس لتتأكد من أنه ليس صورة ..!
قمت في المثال السابق بجعل النص عكس ماهو في الصورة بأول الموضوع حيث كانت القيمة (40) وجعلتها (-40) .
