Как выровнять блоки after и before на ios?

Question

[Павел Воронюк]

Подскажите почему блоки after before (триугольники) на ios отображаются не по центру..

extraverted

Спасибо )

Answer 1

[Serj-One]

:before{
      left: 50%;
      transform: translateX(-50%)
}

Comments

[Павел Воронюк]

но тогда триугольник поворачивается назад на 45 градусов :/

[Ankhena]

Павел Воронюк: Объедините все transform в одну запись.

[Павел Воронюк]

Ankhena W: Спасибо, лучше! Но after всеравно тупит :/

[Павел Воронюк]

Ankhena W: Хотя, всеравно не поцентру.. но ближе к истине

[Ankhena]

Павел Воронюк: с виду все верно написано

[Павел Воронюк]

Ankhena W: если треугольник не поворачивать на 45, то все красиво по центру, но тогда это куб без 2 граней)

[Ankhena]

Павел Воронюк: А еще Вы совместили 2 решения в одно.
Либо повернутый квадрат со сплошным фоном.
Либо треугольник с помощью border.

[Ankhena]

Павел Воронюк: Куб без двух граней? Боюсь представить как это нарисовать на CSS )))))

[Ankhena]

Павел Воронюк: Ага..до меня дошло. Судя по красному треугольнику, Вам поможет генератор треугольников www.cssarrowplease.com

[Павел Воронюк]

Ankhena W: имел ввиду квадрат) без двух сторон)

[Павел Воронюк]

Ankhena W: а вот за ссылочку огромное(!) Спасибо) то что нужно)

[Ankhena]

Павел Воронюк: такой еще apps.eky.hk/css-triangle-generator

[Serj-One]

Павел Воронюк: Треугольник логичней сделать через border, а не ворочать квадрат.
https://habrahabr.ru/post/126207/