Поворот треугольника сверху слева или справа в CSS ⇐ CSS

[Anonymous]

Я хочу повернуть треугольник, созданный с помощью CSS, с верхней левой или верхней правой стороны. Я пытаюсь изменить исходное положение, но ничего не получается. Я много искал, но не нашел ничего четкого или относительного. Есть ли способ реализовать эти повороты с помощью CSS?
примеры изображений:



Первый треугольник повернут внутрь от верхнего левого угла.
Второй треугольник повернут внутрь из правого верхнего угла.
Я попробовал использовать преобразование: Rotate(), и он отлично работает для перемещения вверх-вниз или назад, но я не уверен, как изменить точку поворота. в верхний левый или верхний правый угол.
попробуйте показать это вращение с переходом.
как мне сделать что-то подобное?

Подробнее здесь: https://stackoverflow.com/questions/790 ... des-in-css