как исправить недопустимое значение свойства в 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>