ft: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); border-radius: 3px; z-index: 1; } .custom-video-thumbnail::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; background-color: rgba(255, 255, 255, 0.9); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; border-radius: 50%; z-index: 2; } /* 缩略图导航按钮 */ .custom-thumb-btn { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; border: none; width: 30px; height: 60px; cursor: pointer; z-index: 10; border-radius: 3px; display: flex; align-items: center; justify-content: center; font-size: 18px; } .custom-thumb-btn:hover { background-color: rgba(0, 0, 0, 0.8); } #custom-thumb-prev { left: 0; } #custom-thumb-next { right: 0; } .custom-thumb-btn.disabled { opacity: 0.3; cursor: not-allowed; pointer-events: none; }
标签：
上一篇：杠杆原理
上一篇：电磁炮
查看更多 >>

产品推荐

友情链接： 中国科学技术协会 中国科学技术馆 浙江温州科技馆 天津科学技术馆 山西朔州科技馆 四川大学博物馆 广西柳州科技馆 成都大运会 安徽科技馆
关于我们
企业简介
企业文化
荣誉展示
企业风采
主营产品
科技馆展项定制
博物馆装置定制
企业馆展项定制
规划馆展项定制
校园馆展项定制
案例展示
东北地区
华北地区
华中地区
华东地区
华南地区
自贡众擎科技有限公司

全国咨询服务

联系人：王经理

手　机：18980236083

电　话：13890005785

公司地址：四川省自贡市沿滩区卫坪街道板仓工业园区金川路8号

Copyright © 2023 自贡众擎 版权所有　地址：四川省自贡市沿滩区卫坪街道板仓工业园区金川路8号　 蜀ICP备18033332号-1 　 网站地图 （XML）