css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها

    شاطر
    avatar
    ηмσσяι フє∂∂αωι
    المدير العام

    المدير العام

    ~][ الدولة ][~ : السعودية
    ~][ الجنس ][~ : ذكر
    ~][ الهواية ][~ ~][ الهواية ][~ : رياضة
    ~][ المُزاجَ ][~ : كول
    ~][ عدد المساهمات ][~ : 180
    ~][ نقاط التميز ][~ : 2637
    ~][ السٌّمعَة ][~ : 11
    ~][ تاريخ التسجيل ][~ : 16/09/2011
    ~][ العمر ][~ : 24
    ~][ الموقع ][~ ~][ الموقع ][~ : داخل القلب
    ~][ الترفيه ][~ ~][ الترفيه ][~ : ىخ
    ~][ الأوسمة ][~ : وسام التكريم
    ~][ دعـــاء ][~ :
    ~][ تعاليق ][~ :

    css لتاطير جميع صور البيانات والمساهمات واضافة تاثيرات جميله عليها

    مُساهمة  ηмσσяι フє∂∂αωι في الأربعاء نوفمبر 02, 2011 5:48 pm

    السلام عليكم

    اقدم لكم كود حصري من صنعي لاضافة تاطيرت وتأثيرات جميله للصور



    الكود لجميع النسخ

    يعمل على(صور البيانات الشخصيه-الصور فى المساهمات-ازرار المساهمات)


    *ظل خلف جميع الصور
    *تأطيرات احترافيه على جميع الصور
    *ميلان الصور وتحركها بمجرد مرور الماوس عليها


    صورة توضح مزايا الكود




    الكود::




    الكود:
        /*----- اضافة التأثيرات على الصور-Ayman4u  -----*/

            .post img {-webkit-transition:  -webkit-transform .15s linear;
            -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
            -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
            padding: 5px 5px 5px 5px;
            -webkit-transform:  rotate( 2deg);
            -moz-transform: rotate( 2deg);
            }

            .post img:hover {
            -webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);
            -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);
            -webkit-transform:  rotate(-1deg);
            -moz-transform: rotate(-1deg);
            }
        /*----- اضافة التأثيرات على الصور-Ayman4u  -----*/


    يمكنكم التحكم فى درجة ميلان الصورعن طريق الآتى

    القيمه ( 2deg) وتمثل درجة الميلان الاساسيه والثابته كلما زدت القيمه زادت درجة ميلان الصور والعكس صحيح
    القيمة (-1deg) تمثل درجة الميلان عند مرور الماوس كلما زدت فى الرقم زاد الميلان بمرور المؤشر والعكس صحيح
    -من يرغب الغاء هذا الميلان وجعل الايطارات فقط يمكنه وضع القيمة 0


    التحكم فى حجم الايطارات عن طريق الآتى
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
    كلما قمت بزيادة القيمه زاد حجم الايطار مع الظل والعكس صحيح


    طريقة الوضع كالعاده

    لوحة الاداره-مظهرالمنتدى-الوان-ورقة تصميمCss-ضع الكود-قدم

    I love you I love you I love you I love you I love you



    اجمل التصاميم والابداعات منتدى غيوم الابداع
    http://ebda3-3.mam9.com/
    منتدى غيوم الإبداع

    *************************


    **********************************************************


      الوقت/التاريخ الآن هو الإثنين ديسمبر 11, 2017 9:28 pm