Мобильная версияУ меня есть несколько элементов, которых нет в контейнере, и я не могу поместить их в контейнер. Например:
Строка кода 1 Строка кода 2 Строка кода 3 Строка кода 4 Строка кода 5 Строка кода 6 Строка кода 7 Строка кода 8 Строка кода 9 Строка кода 10 С минимальным CSS:
.code-line { цвет фона: #e9dfba; } Как мне добиться, чтобы непрозрачность уменьшалась на последних 4-5 строках и это имело непрерывный эффект? Что-то похожее на это:
Что касается строки 12, она становится немного менее заметной, и до последней строки она едва видна.
Лучшее, что я мог сделать, это установить непрозрачность линий (0,8, 0,6, 0,4, 0,2), но это не бесшовно, потому что можно увидеть горизонтальные линии (разницу в непрозрачности между элементами) ( на картинке едва видно, но на экране явно виднее):
