HomePostsTagsBitsProjects

Bit #2

You can use CSS mask-image to fade the image to transparent.

.transparent-gradient {
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}