Необычный треугольник между разделами на большинстве стартовых страниц?

0

На большинстве загрузочных страниц, подобных этому (сообщение об ошибке от sever), я вижу фантастический треугольник, разделяющий раздел div. Используются ли какие-либо компоненты начальной загрузки, или люди делают это вручную?

Как сделать этот красивый треугольник?

Изображение 174551

  • 0
    Skyflavour.com, кажется, не в сети.
  • 0
    Я добавил скриншот с сайта. Пожалуйста, прочитайте это, чтобы получить лучшие ответы.
Показать ещё 1 комментарий
Теги:

2 ответа

0
Лучший ответ

Создание треугольника возможно с помощью CSS.

cssarrowplease.com (Посмотрите на эту услугу, это поможет вам создать их с легкостью!)

Пример кода, аналогичный тому, который вы упомянули:

.arrow_box {
    position: relative;
    background: #ffffff;
}
.arrow_box:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 30px;
    margin-left: -30px;
}
0

CSS-треугольники на самом деле очень просты!

Вот отличный учебник по этому вопросу: http://css-tricks.com/snippets/css/css-triangle/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню