Display table + transition?

Question

[65536]

Как победить? При дисплей тейбл анимация начинается как бы с дефолтного значения

https://jsfiddle.net/qeqa0utv/

UPD: проблема наблюдается в мазилле

Comments

[Serj-One]

А что, собственно, не так?

[Андрей Носов]

Что конкретно не соответствует вашим ожиданиям? Что значит "как бы дефолтное значение"?

[65536]

tde283: обновил вопрос, проблема в мазилле только. в ней анимация происходит не от 0.5, а от 0

[65536]

и при убирании мыши тоже идет до 0, а потом резко делается 0.5

Answer 1

[Андрей Федоров]

потому что мозила показывает все по настоящему, а хром - халявит. ))
таблица - это элемент семантики. у нее есть строки и ячейки. задайте opacity ячейке и все будет ок. т.е. table-cell сделайте.

Comments

[65536]

да это я уже понял, просто у меня там частный случай такой вышел что надо его и тейблом и опасити ему же. видимо, проще переверстать все