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

instagram gradient css

Parthenoun answered on July 15, 2020 Popularity 10/10 Helpfulness 10/10

answer instagram gradient css

related linear gradient instagram

instagram gradient css

Comment

<style>
.insta-icon {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 20%;
  background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf)
}
.insta-icon:after,
.insta-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  border: 2px solid #fff;
  transform: translate(-50%, -50%);
  content: ''
}
.insta-icon:before {
  border-radius: 20%
}
.insta-icon:after {
  width: 11px;
  height: 11px;
  border-radius: 50%
}
</style>
<div class="insta-icon"></div>

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: css gradient instagram

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

Parthenoun

0 Answers Avg Quality 2/10

Closely Related Answers

linear gradient instagram

Comment

background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );

Popularity 10/10 Helpfulness 10/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Jul 15 2020

Confused Civet

0 Answers Avg Quality 2/10

instagram gradient css

Contents

More Related Answers

instagram gradient css

Closely Related Answers

linear gradient instagram

Grepper

Documentation

Social

Legal

Contact

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