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

تم تحميل الصفحة في 0,5121204 ثانية
[css3] طريقه عمل دوران لشكل مربع O_O

Dr.hac

ExpErt DeveloPer
rankrankrankrank
إنضم
14 أغسطس 2010
المشاركات
1,672
الإعجابات
423
النقاط
83


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


شكل توضيحي:24:



الان صارت واضحه .... اوكي الان انشوف الكود :
إقتباس من : :من 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>

</body>
</html>

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

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

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

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

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


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

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

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

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



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

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

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



 
إنضم
15 نوفمبر 2006
المشاركات
7,501
الإعجابات
900
النقاط
0
رد: [css3] طريقه عمل دوران لشكل مربع O_O

سسسلمت يداك يا مبدع

قسسسسم اني اراك كل يوم

تتقدم وتبدع وتتألق


وفقك الله
 

Dr.hac

ExpErt DeveloPer
rankrankrankrank
إنضم
14 أغسطس 2010
المشاركات
1,672
الإعجابات
423
النقاط
83
رد: [css3] طريقه عمل دوران لشكل مربع O_O

سسسلمت يداك يا مبدع

قسسسسم اني اراك كل يوم

تتقدم وتبدع وتتألق


وفقك الله
ويداك يالغلا ويداك يا منبع الابداع تسلم وشرفني مرورك:15:
 

Kill4Life

ExpErt DeveloPer
rankrankrankrankrank
إنضم
15 يناير 2010
المشاركات
2,663
الإعجابات
659
النقاط
113
رد: [css3] طريقه عمل دوران لشكل مربع O_O

ربي يسلم ايديك يا غالي درس اكثر من روعه

:32: :32:
 
إنضم
9 مارس 2011
المشاركات
1,337
الإعجابات
229
النقاط
0
رد: [css3] طريقه عمل دوران لشكل مربع O_O

والله رآئع
تسلم يمينك ،، :28:
 

3Abdou.Dz

Active DeveloPer
rankrankrank
إنضم
10 مارس 2011
المشاركات
553
الإعجابات
199
النقاط
0
رد: [css3] طريقه عمل دوران لشكل مربع O_O

بطل وآإأصل

الله
لايحرمنا من جديدك

تم التقيم
 

3Abdou.Dz

Active DeveloPer
rankrankrank
إنضم
10 مارس 2011
المشاركات
553
الإعجابات
199
النقاط
0
رد: [css3] طريقه عمل دوران لشكل مربع O_O


بطل وآإأصل

الله لايحرمنا من جديدك

يجب أن تضع للبعض سمعات قبل إعطائها إلى المبدع Dr.hac مرة أخرى.​
 
إنضم
12 ديسمبر 2008
المشاركات
835
الإعجابات
44
النقاط
0
العمر
33
رد: [css3] طريقه عمل دوران لشكل مربع O_O

يعطيك العافيه يا مبدع
جزاك الله خير

تم تقيمك
 
إنضم
11 سبتمبر 2010
المشاركات
1,640
الإعجابات
178
النقاط
63
رد: [css3] طريقه عمل دوران لشكل مربع O_O

ما عساني ان أقول الا انك مبدع من مبدعي الديف

واصل تألقك أخي بالتوفيق

يجب أن تضع للبعض سمعات قبل إعطائها إلى dr.hac مرة أخرى.
 
إنضم
19 أغسطس 2010
المشاركات
1,673
الإعجابات
147
النقاط
63
العمر
25
رد: [css3] طريقه عمل دوران لشكل مربع O_O

مشكور حبيبي يعطيك العافيه .. :15:
 

Dr.hac

ExpErt DeveloPer
rankrankrankrank
إنضم
14 أغسطس 2010
المشاركات
1,672
الإعجابات
423
النقاط
83
رد: [css3] طريقه عمل دوران لشكل مربع O_O

ربي يسلم ايديك يا غالي درس اكثر من روعه

:32: :32:
وايدك يالغلا ,, مشكور هاذ من ذوقك يا كبير :15:

والله رآئع
تسلم يمينك ،، :28:
مرورك الاروع يا مان ويمناك يالغلا :32:

بطل وآإأصل

الله
لايحرمنا من جديدك

تم التقيم
مشكور يالغلا على مرورك ,,, مو مهم التقييم مرورك الأهم :13:

يعطيك العافيه يا مبدع
جزاك الله خير

تم تقيمك
الله ايعافيك يالغلا ومشكور على التقييم :15:

ما عساني ان أقول الا انك مبدع من مبدعي الديف

واصل تألقك أخي بالتوفيق



يجب أن تضع للبعض سمعات قبل إعطائها إلى dr.hac مرة أخرى.
ياي ايمن حبيبي امنور يالغلا ومشكور على مرورك الروعه ,,, مو مهم التقييم مرورك كافي :32:

مشكور حبيبي يعطيك العافيه .. :15:
الله ايعافيك امنور يالغلا :32:
 
إنضم
9 سبتمبر 2010
المشاركات
233
الإعجابات
25
النقاط
0
رد: [css3] طريقه عمل دوران لشكل مربع O_O

يا حلو وحدة من ثنتين يا تشوف حل مع أبو سمعات با أعمل ثورة على نظامه

مبدع يا غالي
 
إنضم
26 ديسمبر 2009
المشاركات
8,093
الإعجابات
951
النقاط
113
رد: [css3] طريقه عمل دوران لشكل مربع O_O

الله يعطيك الف عافيه ولاتحرمنا من جديدك يآبَطل

:8:
 

DreaMer

ExpErt DeveloPer
rankrankrankrankrankrank
إنضم
14 أغسطس 2010
المشاركات
3,668
الإعجابات
364
النقاط
83
رد: [css3] طريقه عمل دوران لشكل مربع O_O

آلله يعطيك آلف عآفية ،

تسـلم آيدك ع آلمجهود ،!

:9:
 
إنضم
10 نوفمبر 2009
المشاركات
8,817
الإعجابات
2,391
النقاط
0
رد: [css3] طريقه عمل دوران لشكل مربع O_O

:32:يعطيك آلـعَ‘ـآفــيه:32:
:15:
 
إنضم
19 يونيو 2007
المشاركات
939
الإعجابات
547
النقاط
93
رد: [css3] طريقه عمل دوران لشكل مربع O_O

مــشـٌكوووور ويـعـُـطيك العافيه
:32::9::32:
 
إنضم
14 يونيو 2012
المشاركات
1,333
الإعجابات
344
النقاط
0
رد: [css3] طريقه عمل دوران لشكل مربع O_O

وعليكم السلام ورحمة الله وبركاتة
يعطيك الف عافيه يا بطل

:41:
 

الأعضاء النشطين حاليآ الذين يشاهدون هذا الموضوع (1 عضو و 0 ضيف)

خيارات الاستايل

نوع الخط
مودك
اخفاء السايدر بار OFF
توسيط المنتدى OFF
فصل الأقسام OFF
الأقسام الفرعية OFF
عرض المشاركات
حجم الخط
معلومات العضو OFF
إخفاء التوقيع OFF

إرجاع خيارات الإستايل