search

shldhee / note

개인노트
0 stars 0 forks source link

video, img tag object-fit #35

Open shldhee opened 2 years ago

shldhee commented 2 years ago

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;
    }
shldhee commented 2 years ago

https://codepen.io/3dfc7a88a06/pen/RopBXR