当前位置: 首页 > 面试题库 >

是否可以使用CSS3绘制对角线?

东方琪
2023-03-14
问题内容

我知道可以使用CSS3创建一个圆

可以画一条对角线吗?


问题答案:

是的,有一种以上的可能性:

您可以使用一个hr元素或其他元素并将其旋转。这是一个演示:

是的,它可以在IE中实现:

   -moz-transform: rotate(7.5deg);  
     -o-transform: rotate(7.5deg);  
-webkit-transform: rotate(7.5deg);  
    -ms-transform: rotate(7.5deg);  
        transform: rotate(7.5deg);  
           filter:  progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',  
                  M11=0.9914448613738104, M12=-0.13052619222005157,M21=0.13052619222005157, M22=0.9914448613738104);
     -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104,sizingMethod='auto expand')";

             zoom: 1;


 类似资料:
  • 问题内容: 是否可以使用CSS3转换文本对齐方式?例如,我想从左到右为文本对齐设置动画,但是,在text-align上添加transition属性并不能解决问题。 问题答案: 我发现了一种不仅从左到右/从右到左动画的方法,而且还从居中的文本动画。 诀窍是将宽度设置为“ 0”。

  • 问题内容: 在纯CSS中,能否使50px小于100%?我希望小于100%仅50px。我不需要任何JavaScript。 问题答案: 是的你可以。无需使用IE,就可以在CSS3中使用来实现。

  • 问题内容: 我正在使用Python编写的GTK +应用程序。我显然使用PyGtk。我的应用程序是关于视频集合的。这是F点或Picasa,但用于视频。 正如您在这两个应用程序中看到的那样,您在中心区域可以看到所有带有标签缩略图的照片。 在我的应用程序中,我想实现相同的视图。现在,我仅使用以下代码: 一个包含一个,里面一个(我的视频缩略图)和和内,尽可能多的标签。 它正在工作,但是很丑陋,看来这不是更

  • 问题内容: 我几乎让repaint()Jcomponent工作了。我让它正常工作,然后 尝试进行绝对定位,但现在不起作用。 Class 2: (This is the JComponent that I am trying to set) 我将组件添加到Container中,然后将容器添加到JPanel中,然后将JPanel添加到JFrame中。我认为这 应该可行。我有设定的首选尺寸。我曾经使它工

  • 在crosswalk中,可以使用cordova插件 而cordova inAppBrowser似乎工作得很好。但它仍然使用旧的android浏览器,而不是crosswalk chromium(因此不支持所需的HTML5功能)。 我可以通过检查user-agent(例如:

  • 问题内容: 使用Mobile Safari 转到http://m.google.com页面时,您会在页面顶部看到漂亮的栏。 我想那样画一些梯形(美国:梯形),但我不知道怎么做。我应该使用CSS3 3D转换吗?如果您有实现此目标的好方法,请告诉我。 问题答案: 您可以使用以下CSS: 制作所有这些形状真的很酷,请查看以下更漂亮的形状: http://css-tricks.com/examples/S