[css3] طريقه عمل دوران لشكل مربع O_O

كيفكم يا شباب وانا ابحر بالنت كالعاده شفت موضوع حلو في موقع كنكريزي
بحكي عن لغه CSS3 وشفت درس عباره عن كود تكتبه ويسمحلك تعمل دوران لشكل المربع وتكتب داخل هالشكل الي دورته وايكون الكلام مكتوب ابنفس دوران الشكل <<< افهمتو شي من شرحه ؟

شكل توضيحي

الان صارت واضحه .... اوكي الان انشوف الكود :

المشاركة الأصلية كتبت بواسطة :من Dr.hac الى صرح الابداع

<!DOCTYPE HTML PUBLIC >
<html>
<head>
<style type="text/css">
div
{
width:100px;
height:75px;
background-color:orange;
border:2px solid black;
}
div#div2
{
transform:rotate(30deg);
-moz-transform:rotate(30deg); /* Firefox */
-we bkit-transform:rotate(30deg); /* Safari and Chrome */
-o-transform:rotate(30deg); /* Opera */
}
</style>
</head>
<body>

<p><b>Note:</b> Internet Explorer does not support the transform property.</p>

<div> Dr.hac 4 Ever.</div>

<div id="div2">الديف بوينت صرح الابداع والمبدعين </div>

<</html>

اوكي بالالوان انعلق :

اكتب اسم اللون للاشكال مثلا : red , green , blue

اكتب رقم (حجم الاطار) مثلا : 2px , 3px , 4px

اكتب الرقم الي بناسبك الي هو مقدار الدوران

هاذ اسم المتصفح الي راح يتأثر ويظهر الدوران يعني لو كان ترتيب الارقام بالاسطر الثلاثه كالتالي:
30deg
20deg
40deg
راح ايكون الدوان لما تفتح الموقع بالفايرفوكس 30 درجه وابمتصفح سفاري وشروم 20 وابمتصفح اوبيرا 40

المسافه احذفها

اكتب الفقره الي بدك ايها

السطر هاد الكلام الي راح يظهر بالمربع الاول

السطر هاد الكلام الي راح يظهر بالمربع التاني

اوكي تمام اتمنى اكون افدتكم بالموضوع تحياتي للجميع

اهداء خاص الى استاذي ومعلمي وقائدي
أبـــــــــو عمار

والي كل عضو مبدع يهدف للتطوير والك انت

» [css3] عمل اطار للنص بشكل جميل ^_^
» بطيخ مربع و بطيخ أصفر و بطيخ بلا بذور: تعرفوا على الأصناف الغريبة للبطيخ !!
» هل رأى أحدكم الحب في طريقه؟
» افضل طريقه للخطوبه ............
» بنات اسهل طريقه لعمل البيض المقلى