About
Explore
Events & Classes
Support Us
Join
Sign In
Coding with Rumaysa
View Project Page
Run
Fullscreen
Facebook Logo (Pure CSS!)
HTML
CSS
JS
<!DOCTYPE HTML> <html> <head> <title>Page Title</title> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0,shrink-to-fit=no,width=device-width"> </head> <body style="overflow: hidden;"> <div class="fb"> <p class="f">f</p> </div> </body> </html>
.fb { background: linear-gradient(#00c6ff, #0078ff); border-radius: 50%; width: 400px; height: 400px; left: 50%; top: 50%; position: absolute; transform: translate(-50%,-50%); } .f { color: #ffffff; font-weight: bold; font-family: sans-serif; left: 49%; top: -118%; position: absolute; transform: translateX(-50%); font-size: 470px; }
About
Explore
Events & Classes
Support Us
Join
Sign In
