Зажим и трансформация: вращать (...)

Question

У меня есть повернутый, абсолютный позиционированный div внутри контейнера div.

Я хочу скопировать повернутый div так, чтобы он входил в контейнер. Я могу это сделать?

EDIT: Для тех, у кого нет представления об этом, см. CSS3 clip. Я не мог заставить это сделать это. (Хром)

Я пробовал clip: rect(auto,auto,auto,auto), который, как я полагал, должен сделать для меня.

Answer 1

Прежде всего, clip isn't new to CSS3. Фактически, it's been deprecated in favor of an entire collection of new properties.

Во-вторых, вот что CSS2.1 спецификация говорит о clip:

В CSS 2.1, единственное значение действует <shape> является: rect(<top>, <right>, <bottom>, <left>) где <top> и <bottom> определяют смещение от верхней границы края окна, и <right>, и <left> укажите смещения от левого края поля. Авторы должны разделять значения смещения запятыми.

Это означает:

• clip работает на самом элементе. Никакой другой элемент не затронут.
• clip: auto, или clip: rect(auto, auto, auto, auto) не влияет на элемент, потому что это то же самое, что вообще не обрезать элемент. Любые преобразования, которые могут быть действительны, не имеют значения, поскольку они фактически преобразуют область отсечения вместе с остальной частью элемента.

Чтобы скопировать элемент с неподвижным элементом в его содержащий блок, используйте вместо него overflow: hidden. Убедитесь, что вы фактически обозначили его содержащий блок, используя position: relative или аналогичный.