如何用尾风做三角形？开发者社区

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

俊逸的眼镜 · Issue with regexp to ...· 1 月前 ·

帅气的火柴 · Transform Array to ...· 1 月前 ·

爱跑步的冰棍 · RuntimeError: size ...· 1 周前 ·

任性的西红柿 · C++编译期循环获取变量类型_c++获取结构 ...· 1 年前 ·

独立的柚子 · 图像和图像画笔 - Windows ...· 2 年前 ·

不羁的硬盘 · 如何在PyTorch中释放GPU内存 - ...· 2 年前 ·

没读研的奔马 · GitKraken -删除帐户 - 问答 ...· 2 年前 ·

高大的桔子 · 同样是随机读取文件中的某一行sed命令为什么 ...· 2 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

文章/答案/技术大牛

发布

<div class="">
                <div class="w-16 h-16 border-b-30 border-l-30 border-solid border-black">
                    <div class="h-16 w-16 border-t-30 border-r-30 bg-transparent"></div>
</div>

<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<div class="w-16 overflow-hidden inline-block">
 <div class=" h-11 w-11 bg-black rotate-45 transform origin-bottom-left"></div>
<div class="w-16 overflow-hidden inline-block">
 <div class=" h-11 w-11 bg-black -rotate-45 transform origin-top-left"></div>
<div class="w-11  overflow-hidden inline-block">
 <div class=" h-16  bg-black -rotate-45 transform origin-top-right"></div>
<div class="w-11  overflow-hidden inline-block">
 <div class=" h-16  bg-black rotate-45 transform origin-top-left"></div>
<div class="w-11  overflow-hidden inline-block">
 <div class=" h-16  bg-black -rotate-45 transform origin-bottom-right"></div>
<div class="w-11  overflow-hidden inline-block">
 <div class=" h-16  bg-black rotate-45 transform origin-bottom-left"></div>
<div class="w-11  overflow-hidden inline-block">
 <div class=" h-16  bg-black -rotate-45 transform origin-top-left"></div>
<div class="w-11  overflow-hidden inline-block">
 <div class=" h-16  bg-black rotate-45 transform origin-top-right"></div>
</div>

<!-- down -->
<div class="border-solid border-t-black border-t-8 border-x-transparent border-x-8 border-b-0"></div>
<!-- up -->
<div class="border-solid border-b-black border-b-8 border-x-transparent border-x-8 border-t-0"></div>
<!-- left -->
<div class="border-solid border-r-black border-r-8 border-y-transparent border-y-8 border-l-0"></div>
<!-- right -->
<div class="border-solid border-l-black border-l-8 border-y-transparent border-y-8 border-r-0"></div>

<div class="group relative mt-4 ml-4 inline-block">
  <button type="button" class="rounded-md border border-neutral-600 px-1">...</button>
  <!-- container for triangle and the menu ↓-->
  <div class="invisible absolute left-0 -mt-[2px] flex flex-col group-focus-within:visible group-active:visible">
     <div class="ml-2 -mb-[1px] inline-block overflow-hidden"> <!-- ← triangle container -->
        <!-- triangle ↓ -->
      <div class="h-3 w-3 origin-bottom-left rotate-45 transform border border-neutral-500 bg-neutral-100"></div>
    <!-- menu ↓ -->

推荐文章

俊逸的眼镜 · Issue with regexp to transform display name - Dashboards - Grafana Labs Community Forums

1 月前

帅气的火柴 · Transform Array to String - Questions - n8n Community

1 月前

爱跑步的冰棍 · RuntimeError: size mismatch (got input: [6422528], target: [802816]) - PyTorch Forums

1 周前

任性的西红柿 · C++编译期循环获取变量类型_c++获取结构体所有变量-CSDN博客

1 年前

独立的柚子 · 图像和图像画笔 - Windows apps | Microsoft Learn

2 年前

不羁的硬盘 · 如何在PyTorch中释放GPU内存 - 问答 - 腾讯云开发者社区-腾讯云

2 年前

没读研的奔马 · GitKraken -删除帐户 - 问答 - 腾讯云开发者社区-腾讯云

2 年前

高大的桔子 · 同样是随机读取文件中的某一行sed命令为什么比Python慢？ - 知乎

2 年前

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户