Search
 
SCRIPT & CODE EXAMPLE
 

CSS

linear gradient instagram

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 );
Comment

instagram gradient css

<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>
Comment

PREVIOUS NEXT
Code Example
Css :: vertically center an svg 
Css :: Centering a div of unknown height and width 
Css :: place item center in css using grid 
Css :: css image sharpen 
Css :: ajouter une image dans un before after 
Css :: how to create a strikethrough in css 
Css :: input text field with only bottom border 
Css :: get postfix version 
Css :: how to cover full image in css 
Css :: css rotate animation 
Css :: Failed to start ssh.service: Unit ssh.service not found. 
Css :: inline block align center 
Css :: restrict a paragraph height css 
Css :: html font white text with black border 
Css :: css breakpoints 
Css :: customize highlight color website 
Css :: elementor icon list alignment 
Css :: how to blur background image in css 
Css :: boxshadow one side 
Css :: scrollable table vertical 
Css :: css prevent line break 
Css :: remove all css styles from element 
Css :: how to write text on video in html 
Css :: media screen 
Css :: css p tag text wrap 
Css :: ngx-charts change text color 
Css :: visibility 
Css :: color transition time css 
Css :: break pre text 
Css :: ul text decoration css 
ADD CONTENT
Topic
Content
Source link
Name
8+3 =