shldhee/note

video, img tag object-fit

Opened this issue · 1 comments

shldhee commented

https://developer.mozilla.org/ko/docs/Web/CSS/object-fit

  @include e('bg-video') {
      object-fit: fill;
      width: 100%;
      height: 62px;
      margin-top: -10px;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
    }
    .bg-opacity {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 100%;
      height: 100px;
      background-color: #fff;
      opacity: 0.5;
      z-index: 1;
    }