Posts

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

INTRODUCTION TO INTERNET PART :- 2

-
Image
           COMMUNICATION CHANNEL A  communication channel  refers either to a physical  transmission medium  such as a wire, or to a  logical connection  over a  multiplexed  medium such as a radio channel in  telecommunications  and  computer networking . A channel is used to  convey  an  information  signal, for example a digital  bit stream , from one or several  senders  (or transmitters) to one or several  receivers . A channel has a certain capacity for transmitting information, often measured by its  bandwidth  in  Hz  or its  data rate  in  bits per second . Communicating data from one location to another requires some form of pathway or medium. These pathways, called communication channels, use two types of media :  cable  (twisted-pair wire, cable, and fiber-optic cable) and  broadcast  (microwave, satellite, radio, and infrared) . Cable or wire line media use physical wires of cables to transmit data and information. Twisted-pair wire and coaxial cables are made of
Post a Comment
Read more