Как исчезнуть половина элемента? произнесите вкладки, которые представлены как кнопки с пробелом между ними. ⇐ CSS

[Гость]

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

Я пробовал использовать фильтр размытия, градиент, затухание, но, похоже, это не помогло.
.tabs li:last-child { @media (максимальная ширина: 768 пикселей) { переполнение: скрыто; положение: относительное; } @media (макс. ширина: 640 пикселей) { переполнение: скрыто; положение: относительное; } } .tabs li:last-child::after { содержание: ''; позиция: абсолютная; верх: 0; правильно: 0; внизу: 0; осталось: 50%; фон: линейный градиент (вправо, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0,5) 50%); z-индекс: -1; }