Поворот объекта на 180 градусов при наведении?

Question

[maxgeor]

Добрый день!
Какое св-во CSS (или какие св-ва) реализуют данный эффект - (поворот 6-ти гранника на 180 градусов)ledasb.ru
Ну а если есть ссылка на CodePen то ваще - лето с тортом:)
Спасибо!

Comments

[vladimir_html]

https://www.youtube.com/user/TheSWAT727
Просто хороший канал. Там и на эту тему есть видео)

Answer 1

[DTX]

https://codepen.io/darkwing/pen/bCali

Answer 2

[rinatoptimus]

Там у них прописано так:

.cell.cell-flip:hover .cell__container, .cell.cell-reverse .cell__container {
	-webkit-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}

Comments

[maxgeor]

rinatoptimus, а у какого span(a), я тестировщиком - ищу : hover(a) - не вижу:(
Спасибо!

Answer 3

[maxgeor]

Спасибо, я в солнцезащитных очках и морда в креме:)