Как составить css?

Подскажите новичку, как сделать такую рамку для текста без плагина?

5a9f08110c4a7672289168.png
  • Вопрос задан
  • 88 просмотров
Решения вопроса 1
@kravenzl
Вот примерно то что нужно https://codepen.io/anon/pen/YemNLX
Там поиграйся со стилями чтобы было более похоже
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
.
Снизу псевдоэлемент с тенью, поверх него градиент полукругом.
.foo {
  position: relative;
  border: solid 1px gray;

  width: 50%;
  padding: .5em;
  background: white;
}
.foo:after {
  content: '';
  position: absolute;
  left: 2%; right: 2%; bottom: -21px;
  height: 20px;
  background: radial-gradient(circle at bottom, white 65%,transparent 100%);
  z-index: -1;
}
.foo:before {
  content: '';
  position: absolute;
  left: 2%; right: 2%; bottom: 0px;
  height: 10px;
  box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.85);
  z-index: -2;
}

https://jsfiddle.net/vgj0mp99/
точные циферки подбирать лень.
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Biganto Москва
от 130 000 до 130 000 руб.
Soft Media Int. Пенза
от 125 000 до 225 000 руб.
от 120 000 до 150 000 руб.