css实现视频播放按钮
文章描述：
css实现视频播放按钮效果
<div class="video-item">
<view class="video-play"></view>
</div>.video-item{
width:437px;
height:267px;
background:#eee;
position:relative;
border-radius:5px;
}
.video-play {
position: absolute;
z-index: 12;
height: 36px;
width: 36px;
border-radius: 50%;
border: 2px solid #FFFFFF;
top: 50%;
left: 50%;
margin-left: -18px;
margin-top: -18px;
background: rgba(255, 255, 255, .3);
}
.video-play::after {
content: ' ';
width: 0;
height: 0;
border-left: 13px solid #FFFFFF;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
position: absolute;
top: 9px;
left: 14px;
}
发布时间：2022/12/26
发表评论