Knowledge of Computer

Search This Blog

Responsive Navigation Menu

on November 30, 2020

Get link
Facebook
X
Pinterest
Email
Other Apps

Navigation

Design

Home
About
Services
Contact
Feedback

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

3D CALCULATOR BY HTML AND CSS

3D CALCULATOR SOURCE CODE <!DOCTYPE html> <html> <head> <title>CALCULATOR</title> <style type="text/css"> *{margin: 0; padding: 0; box-sizing: border-box;} body{background: #e9ebee;} .container{width: 300px; height: 500px; background: darkblue; margin-top: 5%; margin-left: 40%; padding: 30px; border-radius: 30px; box-shadow: 3px 3px 5px 4px black;} #display{background: #e9ebee; border-radius: 5px; width: 200px; height: 35px; padding: 5px; font-size: 25px; margin-left: 20px; box-shadow: inset 2px 2px 3px 2px black; margin-top: 20px; outline: none;} .btndigits{font-size: 20px; height: 40px; width: 30px; padding: 3px; font-weight: bold; color: black; background: #e9ebee; margin-left: 8px; border-radius: 5px; margin-bottom: 5px; box-sha...

CSS Animation

Animation Using CSS Source Code <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Animation</title> <style type="text/css"> body{box-sizing: border-box; margin: 0; padding: 0;} .sky{background: lightblue; width: 100%; height: 300px;} #imgokay{width: 130px; height: 130px; position: absolute;} #imgone{width: 130px; height: 130px; float: right; margin-top: 15px; animation: cloud 35s linear infinite;} #imgtwo{width: 130px; height: 130px; margin-top: 70px; ...

Powered by Blogger

Responsive Navigation Menu

Comments

Post a Comment