使用JavaScript创建倾斜Div和对象 [英] Creating Tilted Div and Object using JavaScript

问题描述

是否有可能使用JavaScript创建这样的倾斜菜单（请参见下文）？

假设我希望他们是相对，以适​​当调整屏幕大小。

解决方案

您可以使用CSS转换来做到这一点，并与其他一些黑客一起使用。

  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和Chrome * / 
 -o-transform：rotate（45deg）; / * Opera * / 
 
} 
  

Is it possible to create such "tilted menu" (please see below) using JavaScript ?

Provided that I would like them to be "relative" to resize appropriately to a screen size.

解决方案

You can use CSS transforms do this, and with some other hacks ..

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 */

}

这篇关于使用JavaScript创建倾斜Div和对象的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！