Как сделать затухающие полоски?

203
31 мая 2018, 18:30

Как на картинке по краям

Как на картинке по краям

Answer 1

Можно использовать linear-gradient для background.

div { 
  width: 100px; 
  height: 20px; 
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 15%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100%); 
}
<div></div>

ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте hersones.com.ua
ТОП-10
READ ALSO
Почему hover эффект не работает на ширине меньше 1200 пикселей?
CSS

Почему hover эффект не работает на ширине меньше 1200 пикселей?

Есть не большой hover эффект (Называется эффект Роршаха)

 218
Не получается использовать import&#39;ы из es6 в node.js
javascript

Не получается использовать import'ы из es6 в node.js

Не получается подключить модули с помощью import

 204
React рендер при фокусе на инпуте
javascript

React рендер при фокусе на инпуте

Можно ли в реакте рендерить только когда в инпуте есть фокус? и чтобы при исчезновении фокуса исчезал рендер? если можно то как?

 205
Не могу разобрать, почему не удается обратиться к части объекта на react.js
javascript

Не могу разобрать, почему не удается обратиться к части объекта на react.js

Есть компонент на reactjs

 212