Увеличение картинки

 

Увеличение картинки при наведении мышки

HTML5
1
2
3
4
<div id="statya">
   <img src="naruto.jpg">
   Текст...
</div>

  

CSS
1
2
img { width:300px; transition:width 0.5s ease; }
#statya:hover img { width:500px; }

 

 

 

Увеличение картинки при клике

 

<style>
.a img{
width:50%;
}
.b img{
width:90%;
}
</style>

<div class="a" onclick="this.className = (this.className == 'a' ? 'b' : 'a' )"><p align=center><img src='http://империя-такси.рф/pic/rabota_s_vod_prog/1.png'></p></div>

 

 

 


Печать   Электронная почта

Related Articles