Facebook Logo

Designed by
Yoav Kadosh

Keywords:

Colors:

Layers
7
Views
48
Open in Editor

Layers

Mask
(radial)
Letter
(linear)
Letter
(radial)
Letter
(solid)
Letter
(linear)
Letter
(solid)
Background
(solid)

CSS

width: 500px;
height: 500px;
background:
radial-gradient(ellipse at 50% 50%, rgba(255,255,255,0) 64%, rgba(255,255,255,1) 64.2%) 0px 0px / 500px 500px no-repeat no-repeat, /* Mask */
linear-gradient(105deg, rgba(255,255,255,1) 45%, rgba(255,255,255,0) 47%) 327px 252px / 42px 67px no-repeat no-repeat, /* Letter */
radial-gradient(circle at 100% 100%, rgba(255,255,255,0) 14%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 66%, rgba(255,255,255,0) 67%) 211px 125px / 100px 100px no-repeat no-repeat, /* Letter */
linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)) 159px 252px / 169px 67px no-repeat no-repeat, /* Letter */
linear-gradient(9deg, rgba(255,255,255,1) 87%, rgba(255,255,255,0) 90%) 310px 129px / 48px 75px no-repeat no-repeat, /* Letter */
linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1)) 217px 224px / 73px 274px no-repeat no-repeat, /* Letter */
linear-gradient(rgba(25,119,242,1), rgba(25,119,242,1)) 0px 0px / 500px 500px no-repeat no-repeat; /* Background */