이것은 내가 지금까지 무엇을 가지고 CSS

Question

와 오른쪽 화살표 버튼을 향상. 버튼에 정확하게 합쳐지기 위해 실제로 '삼각형'(실제로는 사각형이 회전 됨)을 제대로 얻을 수 없습니다.

내가해야 할 일이 또 있습니까? 나는 어떤 사람들이 실제 삼각형을 만들기 위해 국경을 조작하는 것을 보았다. 그러나 나는 그 방법으로 실제로 그라디언트를 얻을 수 없다는 것을 발견했습니다. 나는 이것으로 얻을 수있는 모든 도움에 정말로 감사하고있다.

미리 감사드립니다.

Answer 1

내가보기에 문제는 메인 버튼이 위에서 아래로 어둡거나 어두운 그라디언트이지만, 회전 된 "삼각형"은 오른쪽에서 왼쪽으로 기울기입니다. 회전 된 그라디언트를 위에서 아래로 이동하여 회전 할 수 있다면 그라디언트를 90도 회전하면 설정됩니다.

Answer 2

난 그냥 작동해야 마이크

.arrow:before{ 
    background: -moz-linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6)); 
    background: -webkit-linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 
    background: -o-linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 
    background: -ms-linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 
    background: linear-gradient(left top, #ffffff 0%, #e6e6e6 100%); 

에서 답으로 jsfiddle에 노력했다!