السـلام عليكم ورحمة اللـه وبركـاتهـ ..
أسعـد الرحمـن صبـاحكم | مسـائكم بكـل الخـير
اليـوم سنتعرف على طريقة بسيطه يمكنك منها تصغير أو تكبير الصور أو أي شي بمجرد مرور الماس
مثــال
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);
}