المركز التقني لأحلى منتدى
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

اذهب الى الأسفل
Yasirayad
Yasirayad
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 519
السٌّمعَة : 50
تاريخ التسجيل : 03/06/2015
العمر : 30
http://www.t-mrkz.com/

كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3  images effects  Empty كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3 images effects

الأربعاء ديسمبر 23, 2015 4:08 am
السلام عليكم ورحمة الله وبركاته – بسم الله الرحمن الرحيم
اخباركم يا الغالين ، إن شاء الله تكونوا بخير دايماً
الأن أقدم لكم : كيفية عمل تأثير على جميع الصور في منتداك
مثال مباشر

images effects css3  

فقط هذا الكود من تقنية css3 الجديدة

الشرح : انسخ الكود التالي وضعه في 
لوحة الأدارة >> مظهر المنتدى >> اللوان >> ورقة CSS


الكود:
img{
    border:none;
    opacity:0.3;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -moz-box-shadow:0px 0px 8px #000;
    -webkit-box-shadow:0px 0px 8px #000;
    -khtml-box-shadow:0px 0px 8px #000;
    box-shadow:0px 0px 8px #000;
}
img:hover{
    opacity:1.0;
}

ثم انقر حفظ وانتهى الشرح بحمد لله
new.moon
المركز التقني لأحلى منتدى
اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .
وانتظروني مع المفاجئات القادمه باذن الله راح تعجبكم

omarpop23
omarpop23
عضو جديد
عدد المساهمات : 10
النقاط : 10
السٌّمعَة : 0
تاريخ التسجيل : 16/11/2015

كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3  images effects  Empty رد: كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3 images effects

الإثنين ديسمبر 28, 2015 11:08 pm
راااائع بارك الله فيك cheers
بالتوفيق
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى