كود تكبير الصورة Zoom في اطار جديد CSS3
Code enlarged in a new window Css3
كود الـ HTML HTML & CSS
<a class="thumbnail" href="#thumb"> <img border="0" height="100px" src="http://www.alm6wer.com/vb/roms/G925I.png" width="50px" /> <span><img src="http://www.alm6wer.com/vb/roms/G925I.png" /><br /> </span></a>
كود الـ Css3
HTML & CSS
.thumbnail { position: relative; /* الموضع - قريب */ z-index: 0;/* الطبقة */ } .thumbnail:hover { /* الحدث عن التأشير بالماوس */ background-color: transparent;/* خلفية الصورة - شفافة */ z-index: 30; /* الطبقة */ } .thumbnail span { position: absolute;/* الموضع مطلق أو ثابت */; padding: 5px;/* تباعد اطراف الصورة */ left: -1000px; /* الازاحة جهة اليسار */; visibility: hidden;/* امكانية الروئية - تعطيل*/ } .thumbnail span img { border-width: 0; padding: 2px; /* تباعد اطراف الصورة */ } .thumbnail:hover span { visibility: visible;/* امكانية الروئية - تمكين*/ top: -100px;/* موقع الصورة في الصفحة ، التباعد عن الاعلى */ left: -150px; /* موقع الصورة في الصفحة ، التباعد عن اليسار */ }
بالتوفيق
;,] j;fdv hgw,vm td kht`m []d]m css3 hggi