как исправить недопустимое значение свойства в css??? Не пойму, что не так с этим классом. если с другими такими же все в порядке

<div class="layers__item layer-6" style="background-image: url(img/layer-6.png);"></div>
.layer-6 {
    transform: rotateZ(380px);
}

выдает недопустимое значение возле transform: rotateZ(380px), как исправить?


Ответы (2 шт):

Автор решения: Qwertiy

Поворот задаётся не в пикселях или сантиметрах, а в градусах или радианах (ну и ещё нескольких единицах измерения) - математика из начальной школы.

→ Ссылка
Автор решения: NemoRu

Как уже ответили поворот задаётся не в пикселях(это вообще как?), а в градусах. Если хотите повернуть на 380 градусов, то достаточно повернуть на 20 градусов и получите тот же самый результат, т.к. полный круг 360 градусов(380-360=20).

Градусы в css обозначаются как deg. 20 градусов будут выглядеть соответственно так: 20deg.

.layer-6 {
    width: 200px;
    height: 200px;
    transform: rotateZ(20deg);
}
    <div class="layers__item layer-6" style="background-image: url(https://placebear.com/g/200/200);"></div>

→ Ссылка