Breaking News: Grepper is joining You.com. Read the official announcement!

make a half ciricle with div

Gorgeous Gaur answered on June 20, 2022 Popularity 3/10 Helpfulness 3/10

answer make a half ciricle with div

make a half ciricle with div

Comment

div {
  width: 300px;
  height: 300px;
  position: relative;
  overflow: hidden;
}

div::before {
  content: '';
  position: absolute;
  bottom: 50%;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  box-shadow: 0px 300px 0px 300px #448CCB;
}

Popularity 3/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 20 2022

Gorgeous Gaur

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

make a half ciricle with div

Contents

More Related Answers

make a half ciricle with div

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.