text-overflow: shadow

7 октября 2011 г. #верстка

Такого значение у свойства не существует, но, я думаю, всё же ясно, что должно получиться в итоге:

Вот минимальный набор CSS-правил для реализации данного решения:

.b-overflow-shadow {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.b-overflow-shadow::after {
  width: 10px;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  box-shadow: -5px 0 8px 5px #fff;
}

Это белый блок с белой тенью. Вы можете поэкспериментировать и переработать код под свои нужды.