2 replies

How can I make the top of this overlay transparent?

Hey guys I got this code and you can see it looks like like a "box"but I'm trying to make the top more transparent so it kinda fades it.

not sure how to get this, any ideas?

.blog-post .black-overlay {
   display: block!important;
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   height: 32px;
   width: 100%;
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 250%);
}

.blog-post .black-overlay {
   display: block!important;
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   height: 32px;
   width: 100%;
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 250%);
}

.blog-post .black-overlay {
   display: block!important;
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   height: 32px;
   width: 100%;
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 250%);
}

.blog-post .black-overlay {
   display: block!important;
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   height: 32px;
   width: 100%;
   background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 250%);
}

How can I make the top of this overlay transparent?

Similar Threads

Similar Threads

Similar Threads