CSS затухает левый и правый края div и содержимого ⇐ CSS

[Anonymous]

Здесь у меня очень простой HTML-макет...

Код: Выделить всё

body{
background:teal;
}

#mycontent{
background:wheat;
text-align:center;
padding:20px;
margin:20px;
}

Код: Выделить всё

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sed turpis arcu. Mauris ultricies eget nisl quis auctor. Mauris magna lorem, sodales at posuere interdum, sodales quis purus. Nam non augue quis urna accumsan mattis nec eget mi. Pellentesque at tempus elit. Sed eu enim nunc. Suspendisse rhoncus id nibh id maximus. Cras volutpat efficitur sem, at volutpat nisl porttitor quis. Fusce pellentesque lacus odio, vitae scelerisque metus placerat et. Duis a felis dui. Aenean ante neque, condimentum a massa sed, eleifend porttitor elit.

Я пытаюсь затемнить левый и правый края div и его содержимого. Я видел различные варианты, но не уверен, какой из них лучше выбрать.

CSS-изображение-маска указано как экспериментальное, поэтому не уверен, что это лучший подход.

Какой лучший вариант добиться этого?

Подробнее здесь: https://stackoverflow.com/questions/456 ... nd-content