diff --git a/custom/plugins/page/news-preview.php b/custom/plugins/page/news-preview.php index 8d10c36..2f5918a 100644 --- a/custom/plugins/page/news-preview.php +++ b/custom/plugins/page/news-preview.php @@ -253,6 +253,15 @@ function newsPreviewGetStyles(): string { scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: .5rem; + mask-image: linear-gradient(to right, black calc(100% - 3rem), transparent); + mask-size: 200% 100%; + mask-position: right; + transition: mask-position .2s ease; + } + + .news-preview-scroll:hover, + .news-preview-scroll:active { + mask-position: left; } .news-preview-card {