Posts

Showing posts with the label Dark Writer

Satellite Communication

-
Image
                                         Satellite Microwave Communication A satellite is a physical object that revolves around the earth at a known height. Satellite communication is more reliable nowadays as it offers more flexibility than cable and fibre optic systems. We can communicate with any point on the globe by using satellite communication. MORE BLOGS AT:-  https://darkwriter17.blogspot.com How Does Satellite work? The satellite accepts the signal that is transmitted from the earth station, and it amplifies the signal. The amplified signal is retransmitted to another earth station. Advantages Of Satellite Microwave Communication: The coverage area of a satellite microwave is more than the terrestrial microwave. The transmission cost of the satellite is independent of the distance from the centre of the coverage area. Satellite communication is used in mobile and wireless communication applications. It is easy t
Post a Comment
Read more

DESIGN OF A WORKING CLOCK USING HTML AND C.S.S PART:-7

-
Image
DESIGN OF A WORKING CLOCK HI Let Work with Animation. Today we are working on simple and easy animation. Have You Seen a Clock?. Stupid Question right! Let make a Clock and give a beautiful design of it. And we gonna give a beautiful background beside the clock..  MORE BLOGS AT:-  https://darkwriter17.blogspot.com Let Start The Program.... <!DOCTYPE html> <html> <head> <title>analog clock</title> <style> .clock{ margin:0; padding: 12px; width: 520px; height: 500px; border-radius: 20%; border-color: black; border:0px; border-style: double; //background-color:HotPink; margin-left: 35%; margin-top: 9%; } .time{ width: 50px; height: 500px; position: absolute; transform-origin: 0%,100%; margin-left:230px; //border:1px solid; font-family: LUCIDA HANDWRITING; font-weight: bold; color:yellow ; } #one{ transform: rotate(30deg); } #two{ transform: rotate(60deg); } #thre
Post a Comment
Read more

DESIGN OF A MOVING CAR USING HTML & CSS PART:-8

-
Image
DESIGN OF A MOVING CAR HI Let Work with Animation. Today we are working on simple and easy animation. Have You Seen a Moving Car?. Stupid Question right! Let make A Moving Car and give a beautiful design of it. And we gonna give a beautiful background beside the car..  MORE BLOGS AT:-  https://darkwriter17.blogspot.com Let Start The Program.... <!DOCTYPE html> <html> <head> <title>Movable Car</title> <style> body{ background-color:aquamarine; } *{ margin:0; padding:0px; } .pathone{ width: 500px; height:120px; background-color: black; position: relative; top: 400px; left:0px; } .pathtwo{ width:120px; height: 460px; background-color: black; position: relative; left:450px; bottom:60px; } .paththree{ width:120px; height:500px; background-color:black; position: relative; bottom:551px; left:640px; transform: rotate(135deg)
Post a Comment
Read more

SIMPLE DESIGN OF BICYCLE USING HTML AND CSS PART:-6

-
Image
A MOVING BICYCLE HI.. This Is Animation work over a moving cycle. it is fun to do work over animation every one should try this amazing work .. MORE BLOGS AT:-  https://darkwriter17.blogspot.com The Program Start from Right here.... <!DOCTYPE html> <html> <head> <title>revise</title> <style> body{ background-image:url(file:///G:/image/frank-zhang-675316-unsplash.jpg); background-size: cover; } .wheelone{ width:220px; height: 220px; border-radius: 50%; border:6px double black; position:relative; top:330px; left:300px; animation:wheelonemove 0.1s infinite linear; } @keyframes wheelonemove{ from{transform:rotate(0deg);} to{transform:rotate(360deg); } } .wheeltwo{ width:220px; height: 220px; border-radius: 50%; border:6px double black; position: relative; top:100px; left: 790px; animation:wheelonemove 0.1s infinite linear; }
Post a Comment
Read more

SIMPLE DESIGN USING HTML ,CSS AND CSS PROPERTY WEBKIT-TEXT-STROKE PART:-5

-
Image
USING WEBKIT-TEXT-STROKE Hii.. This is Most useful property of css. It is so beautiful to decorate the words. The webkit-text-stroke is so useful. More blogs at :- https://darkwriter17.blogspot.com The program start :- <!DOCTYPE html> <html> <head> <title></title> <style> p{ color: black; font-size: 280px; -webkit-text-stroke:15px red; } </style> </head> <body> <p>This Is It.</p> </body> </html> OUTPUT MORE BLOGS AT:- https://darkwriter17.blogspot.com
Post a Comment
Read more

SIMPLE DESIGN OF MOVING HAND-PUMP USING HTML AND CSS PART:-4

-
Image
Animation Over Handpump Hi. This Is my fourth work over Css and html. This time I gonnna Make A working hand-pump in this program we used little animation support us. Let Start the Program... <!DOCTYPE html> <html> <head> <title>handpump</title> <style> body{ background-image:url(file:///C:/Users/Karan/Desktop/New%20folder/3d_mountain_1920x1200_3-1.jpg); background-size:cover; } .rectangle{ width:70px; height: 400px; border:4px double black; border-top-left-radius:25%; border-top-right-radius:25%; position: relative; background-color: grey; top:190px; left:40%; border-top-width: 40px; } .rodone,#moveone{ width:10px; height: 495px; border:2px double black; background-color: black; position: fixed; top:41px; left:42%; border-top-right-radius: 10px; animation: rodmove 1s infinite alternate; } @keyframes
Post a Comment
Read more