CSS TV Icon

CSS TV Icon

CSS TV Icon

HTML
<div class="screen">
  <div class="light-gray">
    <div class="dark-gray"></div>
  </div>
</div>
SCSS
.screen{
  position: relative;
  background: #90c5ff;
  color: #585859;
  width: 200px;
  height: 130px; 
  border: 7px solid #585859;
  border-radius: 10px; 
  .light-gray{
    position: absolute;
    width: 50px; 
    bottom: -47px;
    left: 50%;
    transform: translateX(-50%);
    border-top: 40px solid #d8d9dd;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    &:before{ 
      content: ''; 
      position: absolute; 
      width: 60px;
      height: 6px;
      bottom: -6px;
      left: 50%;
      transform: translateX(-50%);
      background:  #a7a8ab;
      border-radius: 5px;
    }
  }
} 
513 Views
73070cookie-checkCSS TV Icon

Leave a Reply

Your email address will not be published. Required fields are marked *