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

174
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>

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

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

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

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

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

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

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

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

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

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

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

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

 183