Anything and Everything

Posts

Showing posts with the label PRATI

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

- October 21, 2019

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

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

- October 20, 2019

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

SIMPLE DESIGN OF CHESS BOX USING HTML AND CSS PART:-4

- October 18, 2019

CREATION OF CHESS BOARD USING HTML AND CSS HI GUYS. TODAY I GONNNA SHOW U HOW TO CREATE CHESS BOX BY USING HTML AND CSS. HOPE YOU LIKE IT. VISIT:- https://darkwriter17.blogspot.com FOR MORE AMAZING CSS AND HTML WORK. LET START THE PROGRAM :- <!DOCTYPE HTML> <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <table border="1"> <tr> <td bgcolor="white" width="50" height="50"> <font color="green" size="+4">♔ </font></td> <td bgcolor="grey" width="50" height="50"></td> <td bgcolor="white" width="50" height="50"></td> <td bgcolor="grey" width="50" height="50"></td> <td bgcolor="white" width="50" height="50"></td> <td bgcolor="grey" width="