Есть аккордеон, но вот его края то ли осветлены, то ли еще что то.Как это реализовать? Спасибо.
Оригинал вот так выглядит:
-
Посмотрите в сторону linear gradient. Вот тут есть кое-какая информация.– NeedH85 мар 2016 в 21:40
-
я это понимаю, просто вопрос в том как его здесь применить?– invited5 мар 2016 в 21:48
Добавить комментарий
|
1 ответ
Пробуем так вот:
* {
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>
-
-
1
-
Там просто тонны префиксов может понадобиться доя очень старых браузеров.– NeedH86 мар 2016 в 7:20