Use linear gradient mask for fading location illustration on bottom

This commit is contained in:
2022-06-20 14:57:09 +02:00
parent f824eb3016
commit e1db876993

View File

@@ -166,6 +166,13 @@
overflow: hidden; overflow: hidden;
transform-origin: top center; transform-origin: top center;
/* Bottom fading gradient for illustration */
@include bp (sm) {
$mask: linear-gradient(180deg,rgba(0,0,0) 0%,rgb(0,0,0) 70%,rgba(0,0,0,0) 100%);
-webkit-mask-image: $mask;
mask-image: $mask;
}
img { img {
display: block; display: block;
width: 100%; width: 100%;