[Css]等腰梯形

[Css]等腰梯形

    <divclass="pointer-events-auto absolute left-1/2 flex h-9 -translate-x-1/2 -translate-y-full cursor-pointer items-center gap-2 bg-[#001E4F] px-12 transition-all hover:opacity-90 active:opacity-80":class="show ? 'top-0' : 'top-20'"style="clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%)"@click="show = !show"><div class="select-none">图例信息</div><el-icon><span>图标</span></el-icon></div>