css3探测光圈_一款带光圈阴影的纯CSS3 Instagram图标

CSS

语言：

CSSSCSS

确定

.foo {

width: 1.61803;

}

body {

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

-webkit-box-pack: center;

-webkit-justify-content: center;

-ms-flex-pack: center;

justify-content: center;

-webkit-box-align: center;

-webkit-align-items: center;

-ms-flex-align: center;

align-items: center;

width: 100vw;

height: 100vh;

background-color: #101010;

}

.Instagram {

position: relative;

display: block;

overflow: hidden;

width: 1em;

height: 1em;

font-size: 50vmin;

background-color: #ded1c1;

border-radius: 22.3%;

}

.Instagram-strip {

position: absolute;

to