1

введите сюда описание изображения

Есть аккордеон, но вот его края то ли осветлены, то ли еще что то.Как это реализовать? Спасибо. Оригинал вот так выглядит: введите сюда описание изображения

2
  • Посмотрите в сторону linear gradient. Вот тут есть кое-какая информация.
    – NeedH8
    5 мар 2016 в 21:40
  • я это понимаю, просто вопрос в том как его здесь применить?
    – invited
    5 мар 2016 в 21:48

1 ответ 1

3

Пробуем так вот:

* {
  box-sizing: border-box
}
body {
  font-family: 'Roboto', sans-serif;
}

div {
  text-align: center;
 border-width: 2px;
    border-style: solid;
        border-image:
      linear-gradient(to right, #fff, #333, #fff) 100% 1;
  padding: 10px;
  max-width: 600px;
  margin: 50px auto;
  background: linear-gradient(to right, #fff, #F4FBFD, #fff);
}
<div>
Lorem ipsum dolor sit amet
</div> 

3
  • спасибо огромное!!!
    – invited
    5 мар 2016 в 22:19
  • 1
    вроде у border-image с поддержкой градиента не очень хорошо?
    – Qwertiy
    5 мар 2016 в 22:37
  • Там просто тонны префиксов может понадобиться доя очень старых браузеров.
    – NeedH8
    6 мар 2016 в 7:20

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.