Как добавить 3 изображения на страницу.изменить первые 2 изображения, когда указатель мыши попадает на 3-е изображение восстановить обратно первые 2 изображения, когда указатель покидает 3-е изображение
how to Add 3 images on page.Change first 2 images when mouse pointer comes on 3rd image Restore back the first 2 images when a pointer leaves 3rd image NOTE :- No javascript you can use NEED HELP AS SOON AS POSSIBLE.
Что я уже пробовал:
<html>
<head>
<style type="text/css">
.tuna
{
display: inline-block;
border: 2px solid black;
margin-right: 30px;
background-image: url('image04_3.jpg');
background-repeat: no-repeat;
height:100px; width:150px;
}
.img1
{
display: none;
border: 2px solid black;
margin-top: 300px;
height:100px; width:150px;
}
.tuna:hover .img1
{
background-color: transparent;
display:inline-block;
}
</style>
</head>
<body>
<figure>
<div class="big" >
<div class="tuna"><img class="img1" src="DSC_0032.JPG">
</div>
<div class="sun">
</div>
<div class="moon">
</div>
</div>
</figure>
</body>
</html>