Почему backface-visibility не работает в моей конструкции?

Question

[Никита Кит]

Вот отрывок моего кода. По перевороту карточки по идее должен отображаться .card__backside > .card__description, но увы(((
на frontside и backside у меня backface-visibility: hidden, но при повороте отображается зеркальный frontside и его вложенности, хотя должен отображаться backside. карточка в relative, backside, frontside растянуты в absolude по высоте и ширине. z-index-ы тоже выставлены. backside z-index: 6 и frontside z-index: 5
Подскажите, что я делаю не так?
Всем спасибо за ответы.

Answer 1

[Олег]

http://codepen.io/werty1001/pen/LxZGmV

Comments

[Андрей]

А можете пояснить вот это место ^[0]__inner

[Олег]

Андрей:

// Stylus
.card
	&:hover
		& ^[0]__inner
			color red

// CSS
.card:hover .card__inner {color: red;}

Подробнее офф сайт.

[Никита Кит]

Спасибо за приближённую к моей конструкцию. Методом различий выявил проблему. белый бэк был задан не фронту и бэку а целой карточке. Отсюда и дублировался front на back. когда убрал с карточки цвет всё магией заработало)

[Андрей]

Олег: Спасибо