@WebforSelf

Как с помощью CSS сделать адаптивный блок в виде книги?

5cb5b3ae5998f549917696.png

Есть такой блок, как сделать в форме книги?
  • Вопрос задан
  • 423 просмотра
Пригласить эксперта
Ответы на вопрос 3
@MamaLuyba
как-то так: https://codepen.io/anon/pen/ROxzwy
ширину родителя для адаптивности только поправь.
ну и фон надо будет отразить с текстом.
Ответ написан
Комментировать
keeplod
@keeplod
Вообще, если хочешь делать что-то подобное, как у тебя на картинке, лучше всего использовать изображения, что бы создать визуальный наклон, дабы не грузить браузер бесполезным рендерингом и не усложнять вёрстку.
Ответ написан
profesor08
@profesor08 Куратор тега CSS
XjD3BYt.png
.block {
    border: 2px solid red;
    border-radius: 100% 0 0 0;
    height: 30px;
    width: 100%;
}


Вот из таких скосов и делай.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы