stopplidelsen/innhold
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add scroll reveal effect to news preview cards

Browse source
This commit is contained in:
Ruben 2026-02-07 17:54:42 +01:00
parent 288415d40c
commit f2dc4ec647
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
custom/plugins/page/news-preview.php
View file

@ -253,6 +253,15 @@ function newsPreviewGetStyles(): string {
scroll-snap-type: x mandatory; scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
padding-bottom: .5rem; 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 { .news-preview-card {