Разрыв между центрированной кнопкой и границей

0

Я пытаюсь преобразовать изображение ниже в CSS:

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

И это то, к чему я придумал:

DEMO

Поэтому мой вопрос: как я могу сделать этот пробел между кнопкой и нижней границей окна? Обратите внимание, что он должен быть гибким, чтобы кнопка могла иметь любое количество текста и всегда оставаться в центре. благодаря

Теги:

1 ответ

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

Один из вариантов заключается в том, чтобы подделать пробел с помощью box-shadow

button, .button {
    box-shadow: 5px 0 white,
                -5px 0 white;
}

Обновленная скрипка

  • 0
    Будет ли лучше использовать поддельную границу?

Ещё вопросы

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