how to fade text at bottom of element div with css

Subject:

div {  border   : 1px #d8d8d8 dashed;  position : relative;}

div:after {  content  : "";  position : absolute;  z-index  : 1;  bottom   : 0;  left     : 0;  pointer-events   : none;  background-image : linear-gradient(to bottom,                     rgba(255,255,255, 0),                     rgba(255,255,255, 1) 90%);  width    : 100%;  height   : 4em;}

2018-09-02 07:17:40gstlouis

div {
  border   : 1px #d8d8d8 dashed;
  position : relative;
}

div:after {
  content  : "";
  position : absolute;
  z-index  : 1;
  bottom   : 0;
  left     : 0;
  pointer-events   : none;
  background-image : linear-gradient(to bottom, 
                    rgba(255,255,255, 0), 
                    rgba(255,255,255, 1) 90%);
  width    : 100%;
  height   : 4em;
}

gstlouis
vote
2018-09-02 07:18:00