شرح طريقة مَيَلان وتكبير ووميض ابيض على الصور عند مرور المؤشر عليها

[linnou]

http://www.dzbatna.com/images/icons/iconrote.gif ط´ط±ط* ظ…ظژظٹظژظ„ط§ظ† ظˆطھظƒط¨ظٹط± ظˆظˆظ…ظٹط¶ ط§ط¨ظٹط¶ ط¹ظ„ظ‰ ط§ظ„طµظˆط± ط¹ظ†ط¯ ظ…ط±ظˆط± ط§ظ„ظ…ط¤ط´ط± ط¹ظ„ظٹظ‡ط§ (http://www.dzbatna.com/t1912691/)



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


اقدم لكم اليوم كود code css يحبه الكثير ويبحث عنه ايضا الكثير



هو مَيَلان وتكبير وتوضيح الصور عند مرور المؤشر عليها





فقط يعمل على الصورة التي ترتبط بوصلة



لا املك مثال مباشر


صورة متحركة

http://www.dzbatna.com/attachments/590938d1311944464-28-08-32-03-58-22-ظ….gif


الكود code

رمز Code:
a { color: transparent; -webkit-text-stroke: 1px rgba(0,0,0,0.2); font-family: 'Droid Sans', sans-serif; font-weight: bold; } a:hover { -webkit-text-stroke: 0; color: transparent; -webkit-background-clip: text; background-color: rgba(82,96,117,0.5); text-shadow: rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px; -webkit-transition: text-shadow .1s ease-out, background-color .2s ease-out; } a:focus { outline: none; } * { word-wrap: break-word; } a img { opacity: 0.8; -webkit-transition: all 0.2s ease-out; } a:hover img { opacity: 1; -moz-transform: scale(1.05) rotate(2deg); -webkit-transform: scale(1.05) rotate(2deg);

ملاحظة : لا يعمل مع انترنت اكسبلورر !


شرح طريقة التركيب install:-

بالنسبة للفي بي
قم بوضعه في تعاريف css الاضافية


بالنسبة لديسكاز
قم بوضعه اسفل ملف common.css وحدث الكاش


http://www.dzbatna.com/images/smilies/icon31.gif








ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©