vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
2 lines (1 loc) • 811 B
CSS
.video-wrap[data-v-45ca4be1]{width:var(--video-width);height:var(--video-height);position:relative;background:#000;cursor:pointer}.video-wrap .video-element[data-v-45ca4be1]{display:inline-block;width:100%;height:100%;vertical-align:bottom}.video-wrap .icon-play[data-v-45ca4be1]{display:inline-flex;align-items:center;justify-content:center;position:absolute;inset:0;margin:auto;width:80px;height:80px;transform:scale(var(--video-icon-scale));border-radius:50%;background-color:#0009;opacity:0;pointer-events:none;transition:background-color .3s}.video-wrap .icon-play .play-svg[data-v-45ca4be1]{display:inline-block;color:#fff;fill:currentColor;width:29px;height:34px;margin-left:3px}.video-wrap .icon-show[data-v-45ca4be1]{opacity:1}.video-hover:hover .icon-play[data-v-45ca4be1]{background-color:#000000b3}