Как сделать чтобы блок не был больше указанного размера?

Question

[Alexander3928]

Как исправить чтобы эта 3D фигура не казалась больше по размеру родительского блока?

https://codepen.io/Alexxxsander/pen/dymMWQM?editor...

Comments

[Semantic.Moscow]

а где 3D фигура?

max-width?

[Владимир Юрченков]

Semantic Moscow, ты ее не видишь, а она есть))

[Semantic.Moscow]

Владимир Юрченков, хорошо, с сусликами проще.

суслику побольше назначаем роль папы,
суслику поменьше запрещаем расти больше, чем 100% от размера папы, чтобы всем было сразу ясно кто тут папочка! :D

[Alexander3928]

Semantic Moscow, покликай по маленьким блокам и найдешь суслика

Answer 1

[RAX7]

#navigation-top:checked ~ .show-experience {
  transform: translateZ(-150px) rotateX(-90deg);
}

#navigation-middle:checked ~ .show-experience {
  transform: translateZ(-150px) rotateX(0deg);
}

#navigation-bottom:checked ~ .show-experience {
  transform: translateZ(-150px) rotateX(90deg);
}

Comments

[Alexander3928]

А изначально как это сделать?

[RAX7]

Alexander3928, что изначально сделать?

[Alexander3928]

RAX7, Ты предложил добавлять transform: translateZ(-150) при checkin. А изначально как сделать? с моими стилями из примера

[RAX7]

Alexander3928, также, добавить

.show-experience {
    transform: translateZ(-150px);
}

[Alexander3928]

RAX7, мда... что-то у меня сегодня голова гуляет где-то. Спасибо

Answer 2

[Vladislav]

Пожалуйста не стилизуйте селекторы через id, для этого есть классы