Skip to content

Instantly share code, notes, and snippets.

@elmergustavo

elmergustavo/index.html

Created February 20, 2022 23:41
Show Gist options
  • Save elmergustavo/1160d8f0bb9fa7f476ddc37a2a121798 to your computer and use it in GitHub Desktop.
Save elmergustavo/1160d8f0bb9fa7f476ddc37a2a121798 to your computer and use it in GitHub Desktop.
Download ZIP
Logo Instagram
Raw
index.html
<div>
<span>
</span>
</div>
Raw
style.css
div {
height: 20rem;
width: 20rem;
background: radial-gradient(
circle at 33% 100%,
#fed373 4%,
#f15245 30%,
#d92e7f 62%,
#9b36b7 85%,
#515ecf);
border-radius: 30%;
position: relative;
)
}
div:before {
content: '';
border: 1rem solid #fff;
border-radius: 30%;
width: 12.5rem;
height: 12.5rem;
left: 0;
right: 0;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
}
div:after {
content: '';
border: 1rem solid #fff;
border-radius: 100%;
width: 5rem;
height: 5rem;
left: 0;
right: 0;
position: absolute;
margin: auto;
top: 0;
bottom: 0;
}
span {
content: '';
border: 1rem solid #fff;
border-radius: 100%;
width: 0;
height: 0;
right: 5rem;
position: absolute;
margin: auto;
top: 5rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment