25 урок увеличение картинки при наведение мышкой

Здравствуйте друзья!

Самое простое увеличение картинки при наведении мышкой.

 

 <style>.post-body img { -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
padding: 8px;
background: #ffffff;
border: 1px solid #d0d0d0;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.post-body img:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
background: #ffffff;
border: 1px solid #cccccc;
text-decoration: none;
text-shadow: none;
-moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
}</style>

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
https://academyprofkursov.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif