Почему между span есть пустое пространство?

Question

[Alexander3928]

Решил сделать 3D flip кнопку. Между span пустое пространство. Нужна помощь понять почему там пустое пространство появляется.

https://codepen.io/Alexxxsander/pen/NWYGGox

Answer 1

[Nekio]

Задайте параметру translateZ значение половины высоты контейнера:

translateZ(30px)

Comments

[Alexander3928]

У меня еще одни вопрос. Я заметил что 2 сторона криво стоит при перспективе 800-1000, а если ставить не меньше 3000 значение, тогда сторона становится ровно. Это норм указывать значение перспективы больше 3000? Другие просто указывали 800-1000

[Nekio]

Alexander3928, в "chrome" сглаживание работает как надо, а вот если посмотреть в "mozilla", то действительно перспектива выстраивается немного лесенкой (видимо особенность браузера)

[Alexander3928]

Nekio, а у меня все наоборот xD.

Answer 2

[Даниил]

Проверяйте такие варианты, как :

• Межстрочный интервал
  
• ширина/высота
  
• внутренние/внешние отступы
  
• проверяйте на панели разработчика
  

Comments

[Alexander3928]

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