PDF generator
नीचे दिए गए complete code को copy करने का बाद post के HTML EDIT मैं post करें। PDF Generator बन जाए गा।👇
<head><meta charset="UTF-8" content="descriptive, create pdf on mobile" name="description"></meta>
</head>
<head>
<style>
h4 { font-family: cursive ;
font-size:22px;
line-height: 1.5em ;
font-weight: bold;
font-style:oblique;
color : white;
background-color:red;
border-radius:20px;
border:15px solid green;}
textarea{font-size:30px;}
@media print {
body * {
visibility: hidden;
}
#printareas, #printareas * {
visibility: visible;
position: absolute;
left: 0;
top: 0;
width:100%;
height:auto;
white-space: hidden;
box-sizing:border-box;
font-size: 13pt;
}}
</style></head>
<head>
<style>
.daa{
width: auto;
height: auto;
font-size:22px;
background:yellow;
animation-name:daa;
animation-duration:5s;
animation-iteration-count: Infinite;
animation-delay:1s;
}
@keyframes daa{
0%{background: blue; }
10%{background: white; }
20%{background: aqua; }
30%{background: aquamarine; }
40%{background:golden ; }
50%{background: pink; }
60%{background: chartreuse; }
70%{background: cyan; }
80%{background: darkorange; }
90%{background: deeppink; }
100%{background: gold }
}
</style>
<body bgcolor="lightgreen">
<div class="da">
<u><b><center>
<p class="daa" id="para">CREATE PDF (Write below AND download PDF )</p></center>
</b></u></div>
<center>
<div >
<textarea id="printareas" cols="auto" placeholder="write Here......." rows="8">
</textarea>
</div>
</center>
<div>
<br />
<center>
<button onclick="print()" style="background-color: blue; color: white; font-size: 20px;"> DOWNLOAD PDF </button>
</center>
</div>
<br />
<hr />
<p class="daa" id="fa"><b><labe
l>DATE :</label><u>
<script>
console.log(Date()) ;
</script></u>
</b>
</p>
<hr />
</body>
See video:
No comments:
Post a Comment
Share your opinions.