Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 特定角度三角形_Css_Angle - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 特定角度三角形

Css 特定角度三角形

css

Css 特定角度三角形,css,angle,Css,Angle,我只想用css将三角形的角度设置为26° section#hero .triangle{ width: 0; height: 0; border-left: 100px solid transparent; border-bottom: 800px solid transparent; border-right:200px solid #d6d6d6; position: absolute; right: 0; z-index: -1; } 单靠CSS是无法做到这一点的。使用bor

我只想用css将三角形的角度设置为26°

section#hero .triangle{
width: 0; 
height: 0; 
border-left: 100px solid transparent;
border-bottom: 800px solid transparent; 

border-right:200px solid #d6d6d6; 

position: absolute;
right: 0;
z-index: -1;
}
单靠CSS是无法做到这一点的。使用border bottom作为800px，我们知道如果想要26度的角度，左边的border应该是390px。如果您想动态更改它，您必须使用javascript或更少的语言。@jaunt它成功了，非常感谢