Use linear gradient mask for fading location illustration on bottom
This commit is contained in:
@@ -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%;
|
||||||
|
|||||||
Reference in New Issue
Block a user