مرحبا بكم فى منتدى هكرز www.dev-point.ibda3.org
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط على هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا اذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع فتفضل بزيارة القسم الذي ترغب أدناه.

شاطر | 
 

 رد: [css3 ]التكبير أو التصغير عند مرور الماوس

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
hacker-22
مشرف أنظمة التشغيل
مشرف أنظمة التشغيل
avatar

عدد المساهمات : 136
تاريخ التسجيل : 07/04/2011
العمر : 27
الموقع : www.dev-point.ibda3.org

مُساهمةموضوع: رد: [css3 ]التكبير أو التصغير عند مرور الماوس   السبت أبريل 23, 2011 9:57 am

السـلام عليكم ورحمة اللـه وبركـاتهـ ..

أسعـد الرحمـن صبـاحكم | مسـائكم بكـل الخـير

اليـوم سنتعرف على طريقة بسيطه يمكنك منها تصغير أو تكبير الصور أو أي شي بمجرد مرور الماس

مثــال

D E M O

---*----*----
سنستخـدم خاصية الـ Transform الموجودة في CSS3
تستطيع التكبير أو التصغير وذلك بكتابة احداثيات طول وعرض جديدة او كتابة نسبة التكبير أو التصغير مثل 1 و 2 و 2.3 و 3.5 ... وهكـذا.. التصغير تضيف علمة (-)

طـريقة الاستـخدام:

في المـثال المرفـق سنقـوم مثلا بتكبير الصورة بنسبة 110%
فقـط ضـع الأكواد التـالية في سيلكتور الهوفر أو الكود الخاص بالرابط عن مرور الماوس

كود:
a:hover{

-moz-transform: scale(1.1);
-************kit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);

}
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
رد: [css3 ]التكبير أو التصغير عند مرور الماوس
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الهكرز :: لغة الأنماط القياسية css-
انتقل الى: