50BIT

Search This Blog

Neumorphic Facebook login page

on July 16, 2020

Get link
Facebook
X
Pinterest
Email
Other Apps

Source code:https://realhelper.club/30/158/Facebook-login-page

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Digital Clock using HTML CSS JS

<!doctype html> <html lang="en"> <head> <meta name="viewport" content="width=device-width", initial-scale=1"> <title>WATCH</title> <style> .container{ margin-left:35%; margin-top:10%; height:300px; width:300px; border-color:#bc1ac5; display:inline-flex; background-color:#060606db; color:#00BCD4; border-radius: 100px; box-shadow: 0px 0px 50px #151414; text-align:center; justify-content:flex-start; padding:15px; font-size:30px; vertical-align:bottom; } body{ background-image:linear-gradient(to right,#f3f0f2,#12efdd); } </style> </head> <div class="container"> <div id="clock"></div> </div> <script> function currentTime(){ var date=new Date(); var hour=date.getHours(); var min=date.getMinutes(...

Bouncing ball game using html css and js

Demo:https://beioe.000webhostapp.com/ <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale= 1"> <meta charset="utf-8" /> <title>Gamedev Canvas Workshop</title> <style> * { padding: 0; margin: 10; } .header{ text-align:center; background-color:black; color:aqua; font-size:50px; } .container{ margin-left:200px; margin-top:28px; height:500px; width:900px; border-color:#bc1ac5; background-color:#060606db; color:#00BCD4; border-r...

Animated percentage loader using html css and js

<html> <head> <title>loader</title> <style> body{ display:flex; align-content:center; justify-content:center; height:100vh; padding-top:165px; font-family:sans-serif; background:black; overflow:hidden; } .outer{ height:300px; width:300px; background:linear-gradient(135deg,green 0%,white 5%,green 15%,blue 50%,red 100%); border-radius:50%; } .outer.active-loader{ animation:rotate 2s ease infinite; } @keyframes rotate{ to{transform:rotate(360deg);} } .outer.active-loader-2{ animation:rotate2 3s ease; } @keyframes rotate{ to{transform:rotate(360deg);} } .inner{ position:absolute; width:275px; height:275px; text-align:center; line-height:275px; background:#240f52; border-radius:50%; margin-top:12px; cursor:default; } .inner span{ font-size:60px; font-weight:800; color:transparent; background:linear-gradient(135deg,aqua 0%,#fe6a50 5%,red 15%,#2fe3fe 50%,#8900ff 100%); -webkit...

Powered by Blogger

Theme images by Roofoo

Neumorphic Facebook login page

Comments

Post a Comment