Почему перестало работать свойство transform: rotate?

Question

[Rokis]

Перестало работать свойство transform: rotate(360deg). В коде ничего не менял, как только поставил - всё работало хорошо. Странно то, что перестало работать на двух сайтах сразу, хотя раньше всё нормально было. Само свойство нужно для оформление социальных кнопок. Они у меня через font awesome отображаются. Должны переворачиваться при наведении, но ничего не происходит.

Подскажите пожалуйста в чём может быть проблема?

Вот код:

CSS:

.soc a {text-decoration:none;margin-bottom:10px;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.soc a:hover {text-decoration:none;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

HTML:

<div style="text-align:center" class="soc">
<a onClick="window.open('https://twitter.com/intent/tweet?text=<?php the_title(); ?> <?php the_permalink(); ?>','sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)" class="icon-twitter"></a>
<a onClick="window.open('https://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>','sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)" class="icon-facebook"></a>
<a onClick="window.open('https://vkontakte.ru/share.php?url=<?php the_permalink(); ?>','sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)" class="icon-vkontakte"></a>
<a onClick="window.open('https://plus.google.com/share?url=<?php the_permalink(); ?>','sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)" class="icon-gplus-squared"></a>
	 </div>

Answer 1

[Андрей Саныч]

добавьте

display: inline-block;

в блок

.soc a

Comments

[Rokis]

Спасибо Вам! Всё работает.