qartalonline
یک شنبه 11 اسفند 1392, 00:01 صبح
در کل یه همچین کدی باید داشته باشید.
<!DOCTYPE html><html> <head> <title>Title</title> <meta charset="UTF-8"> <style type="text/css"> *{ margin: 0; padding: 0; border: 0; } .box{ display: block; position: relative; } .box img{ position: absolute; box-shadow: -3px 0 10px rgba(0, 0, 0, .5); } .box img:hover{ z-index: 900; box-shadow: 0 0 20px rgba(0, 0, 0, .6); width: 240px; height: 320px; } </style> </head> <body> <div class="box"> <img alt="1" src="image/01.jpg" width="200" height="300"> <img style="left:100px;" alt="2" src="image/02.jpg" width="200" height="300"> <img style="left:200px;" alt="3" src="image/03.jpg" width="200" height="300"> <img style="left:300px;" alt="4" src="image/04.jpg" width="200" height="300"> <img style="left:400px;" alt="5" src="image/05.jpg" width="200" height="300"> <img style="left:500px;" alt="6" src="image/06.jpg" width="200" height="300"> </div> </body></html>
<!DOCTYPE html><html>
<head>
<title>Title</title>
<meta charset="UTF-8">
<style type="text/css">
*{
margin: 0;
padding: 0;
border: 0;
}
.box{
display: block;
position: relative;
}
.box img{
position: absolute;
box-shadow: -3px 0 10px rgba(0, 0, 0, .5);
}
.box img:hover{
z-index: 900;
box-shadow: 0 0 20px rgba(0, 0, 0, .6);
width: 240px;
height: 320px;
}
</style>
</head>
<body>
<div class="box">
<img alt="1" src="image/01.jpg" width="200" height="300">
<img style="left:100px;" alt="2" src="image/02.jpg" width="200" height="300">
<img style="left:200px;" alt="3" src="image/03.jpg" width="200" height="300">
<img style="left:300px;" alt="4" src="image/04.jpg" width="200" height="300">
<img style="left:400px;" alt="5" src="image/05.jpg" width="200" height="300">
<img style="left:500px;" alt="6" src="image/06.jpg" width="200" height="300">
</div>
</body>
</html>
ادیتور سایت مشکل داره کدها به هم ریخته نمایش داده میشه.