Meryek
مشرف المنتديات الرياضية
مشرف المواضيع الدينية
VIP
الجنس : 
العمر : 31
سمعة العصو : 5573
 | موضوع: استخدام 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]
| |
|
