javascript - 使用 JavaScript 创建倾斜的 Div 和对象

Question

是否可以使用 JavaScript 创建这样的“倾斜菜单”(请参见下文)？

前提是我希望它们是“相对的”以适本地调整大小以适应屏幕大小。

Answer 1

您可以使用 CSS 转换来执行此操作，并使用其他一些 hack ..

div
{

    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); /* IE 8- */
    -moz-transform:rotate(45deg); /* Firefox */
    -moz-transform:skewx(45deg) translatex(150px);
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
    -o-transform:rotate(45deg); /* Opera */

}