Как делать такие «эффекты»?

Question

[olya_097]

Answer 1

[Dima Polos]

Задайте для текста внизу рамки бэкграунд цветом как у основного блока, и добавьте паддинг слева и справа, например в 1em. После чего через position сместите вниз и через z-index вынесите это все на передний план.

Comments

[olya_097]

Dima Polos, А вот так нормально будет? https://codepen.io/aliencash/pen/YBRzjG

[Dima Polos]

olya_097, как по мне это какой-то перебор. Такое решение, написано ниже, я видел, оно заставляет браузер перевернуть ТРИ блока на 180 градусов, по идее мой вариант более понятный) Вам не понятно, как мой ответ реализовать?

[olya_097]

Dima Polos, ага, не совсем

[Dima Polos]

olya_097, не идеально, но суть такая: https://codepen.io/dimovich85/pen/KJrvKr

[olya_097]

Dima Polos, спасибо

[Ankhena]

olya_097, На Тостере принято ответы, которые вам помогли отмечать решениями. Это хорошо для всех и для ответившего и для тех, у кого аналогичная проблема и для других отвечающих, пометка, что вопрос закрыт.

[olya_097]

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

[olya_097]

Dima Polos, может будет интересно
Вы вроде как спец по фишкам)
Как делать подобные «трюки»?

[Dima Polos]

olya_097, я б не сказал, что спец, там я видел дали ответ, как раз согласен с тем, что предложили.

[olya_097]

Dima Polos, и по сути там можно сделать разные крутилки снизу?

Answer 2

[Андрей Федоров]

https://codepen.io/aliencash/pen/YBRzjG