CSS中旋转列表项90度的行为很奇怪

Question

我正在尝试在CSS3中旋转无序列表。这是一个小提琴：

http://jsfiddle.net/YGXJr/2/

列表项目消失。有什么想法吗？

Answer 1

您必须考虑元素的transform-origin，将其更改为：

-vendor-transform-origin: bottom left;

保持列表项目（尽管它们出现在Chromium中）完全相互叠加在左侧。 JS Fiddle

参考：

• transform-origin at MDC。