JSFiddle - React, Tailwind, and code Playground

Фон полукругом

by Ankhena

HTML

<main>
  <div></div>
</main>

CSS

html,
body {
  height: 100%;
}

main {
  position: relative;
  height: 100%;
  background: lightblue;
  overflow: hidden;
}

div {
  position: absolute;
  bottom: -272vw;
  left: 50%;
  transform: translateX(-50%);
  height: 300vw;
  width: 300vw;
  //transform: translateY(-97%) translateX(-33.333%); 
  border-top: 5px solid #fff;
  border-radius: 50% 50% 0 0;
  background: #ff0;
}