منتديات العرب الشامل


العرب الشامل لجميع خدمات الويب
 
الرئيسيةالتسجيلدخول
 

شاطر | 
 

 استخدام css للتأثير على الصور

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Meryek
مشرف المنتديات الرياضية
مشرف المواضيع الدينية
VIP
مشرف المنتديات الرياضية  مشرف المواضيع الدينية VIP
avatar

الجنس : ذكر
العمر : 24
سمعة العصو : 3232

مُساهمةموضوع: استخدام css للتأثير على الصور   الإثنين يونيو 29, 2009 6:45 am




بسم الله الرحمن الرحيم


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

الدرس الثاني


استخدام css لصنع مؤثرات على الصور


تساعد فلاتر ال css على اضفاء عدة مؤثرات على الصور دون حاجة لاستخدام برامج الجرافيك مثل photoshop او paintshop وخلافه.


(1) استخدم الفلتر flipH لعكس الصورة جانبيا.

الصورة قبل استخدام الفلتر---------- الصورة بعد استخدام الفلتر تم عكسها جانبيا
الشفرة المستخدمة لإنتاج المؤثر

كود:

<IMG SRC=image/me.jpg vspace=5 style="filter:flipH">

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

(2) استخدم الفلتر flipV لعكس الصورة رأسيا.

الشفرة المستخدمة لإنتاج المؤثر

كود:

<IMG SRC=image/me.jpg vspace=5 style="filter:flipv">

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

(3) استخدم الفلتر gray لتحويل الصورة الملونة الي اسود وأبيض.

الشفرة المستخدمة لإنتاج المؤثر

كود:

<IMG SRC=image/me.jpg vspace=5 style="filter:gray">

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


(4) استخدم الفلتر xray لتحويل الصورة الي صورة سلبية.


الشفرة المستخدمة لإنتاج المؤثر

كود:

<IMG SRC=image/me.jpg vspace=5 style="filter:xray">

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

(5) استخدم الفلتر blur لتغبيش الصورة أو لمنحها احساس بالحركة.

الشفرة المستخدمة لإنتاج المؤثر

كود:

<IMG SRC=image/me.jpg vspace=5 style="filter:blur(strength=100)">

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

(6) استخدم الفلتر invert لعكس لمعان وسطوع الصورة.

الشفرة المستخدمة لانتاج المؤثر

كود:

<IMG SRC=image/me.jpg vspace=5 style="filter:invert">

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


الدرس القادم بإذن الله استخدام css للتحكم في شكل مؤشر الماوس


[/size]



الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
استخدام css للتأثير على الصور
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات العرب الشامل  :: برمجة وتطوير :: برمجة وتطوير المواقع والمنتديات :: الدعم الفني لمنتديات "أحلي منتدي"-
انتقل الى: