Можно ли сделать плавные границы в CSS? Я рисую треугольник и хочу, чтобы он покрывал 50% ширины и 50% высоты страницы. - PullRequest
Новая
       12

Можно ли сделать плавные границы в CSS? Я рисую треугольник и хочу, чтобы он покрывал 50% ширины и 50% высоты страницы.

1 голос
/ 03 апреля 2012

Вот что я использую, чтобы сделать треугольник 

#triangle-topright {
   width: 0;
    height: 0;
    border-top: 400px solid white; 
    border-right: 600px solid transparent;
    position:absolute;
    right:0; top:0;
    opacity: 0.24;

}

В идеале я хочу, чтобы border-top: 50% высоты и border-right: 50% ширины, но этого не существует, так что .. Есть ли способ сделать это? Или мне лучше использовать векторное изображение треугольника и изменить его размер до 50%, 50%?

1 Ответ

0 голосов
/ 03 апреля 2012

Возможно, вы плохо объяснили это, но вы не можете сделать непрямоугольную форму, используя CSS border.Ваш лучший выбор - векторный треугольник или большой прозрачный GIF.Альтернативно используйте шрифт со специальным символом треугольника и увеличьте размер шрифта.

...