Меню

Блок \»место свободно\»

14.06.2013 - CSS

Блок \»место свободно\» при наведении курсором на баннер картинка поворачивается на 360 градусов. Вот такой вот простенький рекламный блок для сайта. Установка проста, создаете глобальный блок и пропишите код:

<style>
.socialNetworks {display:inline;margin-right:10px;}  
.socialNetworks:hover {display:inline;}  
.link_me {bottom:0;margin-top:0px; margin-right:0px;}  
.socialNetworks img {width:88px;height:31px;background:url(http://ajulkeuv.ru/templates/zagru/images/2x88x31.png);-webkit-transition: all 400ms;-moz-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;position:relative;bottom:0px;right:0px;}  
.socialNetworks img:hover {transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);position:relative;bottom:0px;right:0px;}  
</style>
<center>
<div class="link_me">  
<div class="socialNetworks"><img title="Место свободно" src="http://ajulkeuv.ru/templates/zagru/images/2x88x31.png"></div>
<br>
<div class="socialNetworks"><img title="Место свободно" src="http://ajulkeuv.ru/templates/zagru/images/2x88x31.png"></div>
</div>
</center>

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

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