Advertisement
fauzanjeg

Mobile Truncate Feature in Dekstop

Nov 30th, 2021
1,288
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.79 KB | None | 0 0
  1. /* Mobile Truncate Feature in Dekstop */
  2. .mobile-truncate.content-inner {
  3.         position: relative;
  4.         height: 250px;
  5.         overflow: hidden;
  6.         margin-bottom: 50px;
  7.     }
  8.  
  9.     .mobile-truncate.content-inner:after {
  10.         position: absolute;
  11.         bottom: 0;
  12.         z-index: 2;
  13.         content: "";
  14.         display: block;
  15.         width: 100%;
  16.         height: 150px;
  17.  
  18.         -webkit-box-shadow: inset 0px -107px 61px -15px rgba(250, 250, 250, 0.8);
  19.         -moz-box-shadow: inset 0px -107px 61px -15px rgba(250, 250, 250, 0.8);
  20.         box-shadow: inset 0px -107px 61px -15px rgba(250, 250, 250, 0.8);
  21.     }
  22.  
  23.     .author-truncate.jnews_author_box_container .truncate-read-more,
  24.     .mobile-truncate.content-inner .truncate-read-more {
  25.         position: absolute;
  26.         bottom: 25px;
  27.         left: 0;
  28.         right: 0;
  29.         text-align: center;
  30.         z-index: 3;
  31.         display: block;
  32.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement