Задать вопрос
tundramani
@tundramani
css

Неужели translate3d не может быть в процентах?

в пикселях код работает
а с процентами нет
ЧЯДНТ?

<style>
  
#контейнер
	{
		position: absolute;
		top: 100px;
		left: 100px;
		width: 200px;
		height: 200px;
		border: 2px solid gray;
	}

#содержимое
	{
		width: 200px;
		height: 200px;
		border: 1px solid red;
		transform: translate3d(-50%,-50%,0%);
	}

</style>



</head>
<body>


<div id='контейнер'>

<div id='содержимое'></div>

</div>
  • Вопрос задан
  • 74 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
В translate3d третий параметр (по оси Z) не может быть задан в процентах. Это и логично - у DOM-элемента нет толщины, от которой считать проценты. Первые два (по осям X и Y) - можно задавать в процентах, с этим проблем нет.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Верстка Flutter + API
21 нояб. 2024, в 22:21
3000 руб./в час
Разработать Custom Speech-to-text Operator на Apache Flink
21 нояб. 2024, в 21:42
100000 руб./за проект
Сделать видио поздравления с субтитрами
21 нояб. 2024, в 21:30
500 руб./за проект
Ещё заказы