Hiratake Web ロゴ

左右にだけ影をつけたいときにoverflow-yにclipを指定したらいい感じになった

投稿した日
更新した日
書いたひと
icon
ひらたけ
<!-- overflow-y: hidden; を指定した場合 -->
<div class="overflow-y-hidden">
  <div
    class="flex size-20 items-center justify-center bg-red-600 text-white"
    style="box-shadow: #333 0 0 16px"
  >
    <span>hidden</span>
  </div>
</div>

<!-- overflow-y: clip; を指定した場合 -->
<div class="overflow-y-clip">
  <div
    class="flex size-20 items-center justify-center bg-green-600 text-white"
    style="box-shadow: #333 0 0 16px"
  >
    <span>clip</span>
  </div>
</div>