شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
لن تجدو مثلى
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 178
العمر : 18

حصريا : كود عمل خاصية zoom علي الصور الشخصية روعة

في السبت أغسطس 25, 2012 10:28 pm
السلام عليكم ورحمة الله وبركاته

اقدم لكم كود عمل خاصية zoom علي الصور الشخصية روعة

صور كمثال : الصورة لاتلمس الفرق الحقيقي يجب ان تجرب بنفسك لكي تري الفرق الحقيقي


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.




الكود
الكود:
.postdetails.poster-profile a img {
-webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -o-transform:scale(0.9);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    opacity: 0.9;
    margin: 0 10px 5px 0;
    }
.postdetails.poster-profile a img:hover {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);    box-shadow:0px 0px 30px gray;
    -webkit-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW" px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
    -moz-box-shadow:0px 0px "AQUI EL TAMAÑO EN PIXELES DEL SHADOW"px "AQUI COLOR HEXADECIMAL DE PREFERENCIA";
    opacity: 1;
    }
avatar
مودي
مؤسس احلى تطوير
مؤسس احلى تطوير
الجنس : ذكر
عدد المساهمات : 664
العمر : 20

رد: حصريا : كود عمل خاصية zoom علي الصور الشخصية روعة

في الأربعاء أغسطس 29, 2012 12:16 am
جزاك الله كل خير
ع موضوعك الرائع
تقبل تحياتي



>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] او [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <
avatar
ونناسهه
مرشح لفريق الاشراف
مرشح لفريق الاشراف
الجنس : انثى
عدد المساهمات : 1052

رد: حصريا : كود عمل خاصية zoom علي الصور الشخصية روعة

في الأربعاء أغسطس 29, 2012 12:24 am
بارك الله فيك اخي



>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] او [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <
مصمم مبدع
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 450
العمر : 22

رد: حصريا : كود عمل خاصية zoom علي الصور الشخصية روعة

في السبت سبتمبر 01, 2012 10:32 pm
شكرا
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى