0

Здравствуйте.

Подскажите, пожалуйста, необходимо сделать шапку из прямоугольного треугольника. Через что будет лучше и корректней это реализовать?
Пробовал через img, мне кажется, не удачный вариант, так как качество краёв картинки получалось прерывистом.
Почитал про svg, как понял, там рисуется линия. Можно ли будет в таком случае, к примеру, полученный треугольник залить каким-то цветом и разместить на нём меню, и чтобы всё корректно работало? Или делать это лучше через css посредством border? И если сделать через css, не будет ли невидимая область перекрывать контент, который находится под ней?

1 ответ 1

3

Можно через CSS, просто развернув на нужный угол внутренний прямоугольник и обрезав его внешним. Бордер тут ни при чем.

2
  • 1
    @knes, отрисовка треугольника с помощью border, пожалуй, является классическим способом рисования треугольника средствами CSS. Пример можно посмотреть тут: apps.eky.hk/css-triangle-generator
    – VenZell
    29 сен 2014 в 9:01
  • Угу. Но, боюсь, это достаточно сложный способ для случая, когда внутри треугольника будет контент. А если контент все равно ляжет поверх, то почему бы не развернуть прямоугольник?
    – knes
    29 сен 2014 в 9:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.