Skip to content

Instantly share code, notes, and snippets.

@benweizhu

benweizhu/top half circle

Last active February 20, 2022 08:04
Show Gist options
  • Save benweizhu/36bdb2b1ffac9e1bca880373fc920d9e to your computer and use it in GitHub Desktop.
Save benweizhu/36bdb2b1ffac9e1bca880373fc920d9e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
top half circle
.pure_top {
width: 100%;
height: 100px;
position: relative;
z-index: -1;
overflow: hidden;
}
.pure_top::after {
content: '';
width: 140%;
height: 100px;
position: absolute;
left: -20%;
top: 0;
z-index: -1;
border-radius: 0 0 50% 50%;
background: #1496f1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment