비스듬한 div가 제대로 변형되지 않았습니까?

Question

나는 transform으로 만들어진 oblique div를 가지고있다 : skewY (-10deg); 하지만 지시 사항이 페이지 위쪽에 오도록 배치 할 수는 없습니다. %.

응답하지 않습니다.

어떻게 작동합니까?

상단

: 0 왼쪽 : 0 : -135px : 상단

Answer 1

은 아래에 요소 triangle-div의 CSS를 변경해보십시오.

#triangle-div{ 
    width: 0; 
    height: 0; 
    border-top: 100px solid red; 
    border-right: 200px solid transparent; 
    position: fixed 
} 

Answer 2

jsfiddle 또는 달성하려는 이미지를 제공하십시오. - 원하는 것을 분명히하지 마십시오.

div { 
    position: fixed; 
    top: 0; 
    left: 50%; 
    transform:translateX(-50%); 
}