Add the following
(-) 1423,5466
(0) 5413. 1263.2102
(e) 1234,5141, 1402. 102
Answers
Answered by
38
[tex]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arc reacter</title>
<link rel="stylesheet" href="design.css" />
</head>
<body>
<div class="fullpage-wrapper">
<div class="reactor-container">
<div class="reactor-container-inner circle abs-center"></div>
<div class="tunnel circle abs-center"></div>
<div class="core-wrapper circle abs-center"></div>
<div class="core-outer circle abs-center"></div>
<div class="core-inner circle abs-center"></div>
<div class="coil-container">
<div class="coil coil-1"></div>
<div class="coil coil-2"></div>
<div class="coil coil-3"></div>
<div class="coil coil-4"></div>
<div class="coil coil-5"></div>
<div class="coil coil-6"></div>
<div class="coil coil-7"></div>
<div class="coil coil-8"></div>
</div>
</div>
</div>
<style>
body { margin: 0; } .fullpage-wrapper { width: 100%; height: 100vh; background: radial-gradient(#353c44, #222931); display: flex; } .reactor-container { width: 300px; height: 300px; margin: auto; border: 1px dashed #888; position: relative; border-radius: 50%; background-color: #384c50; border: 1px solid rgb(18, 20, 20); box-shadow: 0px 0px 32px 8px rgb(18, 20, 20), 0px 0px 4px 1px rgb(18, 20, 20) inset; } .reactor-container-inner { height: 238px; width: 238px; background-color: rgb(22, 26, 27);; box-shadow: 0px 0px 4px 1px #52FEFE; } .circle { border-radius: 50%; } .abs-center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .core-inner { width: 70px; height: 70px; border: 5px solid #1B4E5F; background-color: #FFFFFF; box-shadow: 0px 0px 7px 5px #52FEFE, 0px 0px 10px 10px #52FEFE inset; } .core-outer { width: 120px; height: 120px; border: 1px solid #52FEFE; background-color: #FFFFFF; box-shadow: 0px 0px 2px 1px #52FEFE, 0px 0px 10px 5px #52FEFE inset; } .core-wrapper { width: 180px; height: 180px; background-color: #073c4b; box-shadow: 0px 0px 5px 4px #52FEFE, 0px 0px 6px 2px #52FEFE inset; } .tunnel { width: 220px; height: 220px; background-color: #FFFFFF; box-shadow: 0px 0px 5px 1px #52FEFE, 0px 0px 5px 4px #52FEFE inset; } .coil-container { position: relative; width: 100%; height: 100%; animation: 3s infinite linear reactor-anim; } .coil { position: absolute; width: 30px; height: 20px; top: calc(50% - 110px); left: calc(50% - 15px); transform-origin: 15px 110px; background-color:#073c4b; box-shadow: 0px 0px 5px #52FEFE inset; } .coil-1 { transform: rotate(0deg); } .coil-2 { transform: rotate(45deg); } .coil-3 { transform: rotate(90deg); } .coil-4 { transform: rotate(135deg); } .coil-5 { transform: rotate(180deg); } .coil-6 { transform: rotate(225deg); } .coil-7 { transform: rotate(270deg); } .coil-8 { transform: rotate(315deg); } @keyframes reactor-anim { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
</style>
</body>
</html>[/tex]
[tex]<html>
<head>
<style>
h1{
text-transform:uppercase;
margin-top:90px;
text-align:center;
font-family:Courier new,monospace;
border:3px solid rgb(60,450,500);
border-top:none;
width:90%;
letter-spacing:-6px;
box-sizing:border-box;
padding-right:5px;
border-radius:6px;
font-size:35px;
font-weight:bold;
}
h1 span{
position:relative;
display:inline-block;
margin-right:3px;
}
@keyframes shahir{
0%
{
transform: translateY(0px) rotate(0deg);
}
40%
{
transform: translateY(0px) rotate(0deg);
}
50%
{
transform: translateY(-50px)rotate(180deg);;
}
60%
{
transform: translateY(0px)rotate(360deg);;
}
100%
{
transform: translate(0px)rotate(360deg);;
}}
h1 span
{
animation: shahir 3s alternate infinite linear;
}
h1 span:nth-child(1)
{color:lime;
animation-delay: 0s;
}
h1 span:nth-child(2)
{color:lightmaroon;
animation-delay: 0.2s;
}
h1 span:nth-child(3)
{color:red;
animation-delay:0s;
}
h1 span:nth-child(4)
{color:green;
animation-delay: 0.4s;
}
h1 span:nth-child(5)
{color:blue;
animation-delay: 0.5s;
}
h1 span:nth-child(6)
{color:purple;
animation-delay: 0.3s;}
</style>
<meta name="viewport" content="width=device-width" >
</head>
<body><center><div><h1><span>A</span><span>B</span><span>H</span><span>I</span><span>S</span><span>H</span><span>E</span><span>K</span>
</h1></div></center></body></html>[/tex]
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arc reacter</title>
<link rel="stylesheet" href="design.css" />
</head>
<body>
<div class="fullpage-wrapper">
<div class="reactor-container">
<div class="reactor-container-inner circle abs-center"></div>
<div class="tunnel circle abs-center"></div>
<div class="core-wrapper circle abs-center"></div>
<div class="core-outer circle abs-center"></div>
<div class="core-inner circle abs-center"></div>
<div class="coil-container">
<div class="coil coil-1"></div>
<div class="coil coil-2"></div>
<div class="coil coil-3"></div>
<div class="coil coil-4"></div>
<div class="coil coil-5"></div>
<div class="coil coil-6"></div>
<div class="coil coil-7"></div>
<div class="coil coil-8"></div>
</div>
</div>
</div>
<style>
body { margin: 0; } .fullpage-wrapper { width: 100%; height: 100vh; background: radial-gradient(#353c44, #222931); display: flex; } .reactor-container { width: 300px; height: 300px; margin: auto; border: 1px dashed #888; position: relative; border-radius: 50%; background-color: #384c50; border: 1px solid rgb(18, 20, 20); box-shadow: 0px 0px 32px 8px rgb(18, 20, 20), 0px 0px 4px 1px rgb(18, 20, 20) inset; } .reactor-container-inner { height: 238px; width: 238px; background-color: rgb(22, 26, 27);; box-shadow: 0px 0px 4px 1px #52FEFE; } .circle { border-radius: 50%; } .abs-center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .core-inner { width: 70px; height: 70px; border: 5px solid #1B4E5F; background-color: #FFFFFF; box-shadow: 0px 0px 7px 5px #52FEFE, 0px 0px 10px 10px #52FEFE inset; } .core-outer { width: 120px; height: 120px; border: 1px solid #52FEFE; background-color: #FFFFFF; box-shadow: 0px 0px 2px 1px #52FEFE, 0px 0px 10px 5px #52FEFE inset; } .core-wrapper { width: 180px; height: 180px; background-color: #073c4b; box-shadow: 0px 0px 5px 4px #52FEFE, 0px 0px 6px 2px #52FEFE inset; } .tunnel { width: 220px; height: 220px; background-color: #FFFFFF; box-shadow: 0px 0px 5px 1px #52FEFE, 0px 0px 5px 4px #52FEFE inset; } .coil-container { position: relative; width: 100%; height: 100%; animation: 3s infinite linear reactor-anim; } .coil { position: absolute; width: 30px; height: 20px; top: calc(50% - 110px); left: calc(50% - 15px); transform-origin: 15px 110px; background-color:#073c4b; box-shadow: 0px 0px 5px #52FEFE inset; } .coil-1 { transform: rotate(0deg); } .coil-2 { transform: rotate(45deg); } .coil-3 { transform: rotate(90deg); } .coil-4 { transform: rotate(135deg); } .coil-5 { transform: rotate(180deg); } .coil-6 { transform: rotate(225deg); } .coil-7 { transform: rotate(270deg); } .coil-8 { transform: rotate(315deg); } @keyframes reactor-anim { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
</style>
</body>
</html>[/tex]
[tex]<html>
<head>
<style>
h1{
text-transform:uppercase;
margin-top:90px;
text-align:center;
font-family:Courier new,monospace;
border:3px solid rgb(60,450,500);
border-top:none;
width:90%;
letter-spacing:-6px;
box-sizing:border-box;
padding-right:5px;
border-radius:6px;
font-size:35px;
font-weight:bold;
}
h1 span{
position:relative;
display:inline-block;
margin-right:3px;
}
@keyframes shahir{
0%
{
transform: translateY(0px) rotate(0deg);
}
40%
{
transform: translateY(0px) rotate(0deg);
}
50%
{
transform: translateY(-50px)rotate(180deg);;
}
60%
{
transform: translateY(0px)rotate(360deg);;
}
100%
{
transform: translate(0px)rotate(360deg);;
}}
h1 span
{
animation: shahir 3s alternate infinite linear;
}
h1 span:nth-child(1)
{color:lime;
animation-delay: 0s;
}
h1 span:nth-child(2)
{color:lightmaroon;
animation-delay: 0.2s;
}
h1 span:nth-child(3)
{color:red;
animation-delay:0s;
}
h1 span:nth-child(4)
{color:green;
animation-delay: 0.4s;
}
h1 span:nth-child(5)
{color:blue;
animation-delay: 0.5s;
}
h1 span:nth-child(6)
{color:purple;
animation-delay: 0.3s;}
</style>
<meta name="viewport" content="width=device-width" >
</head>
<body><center><div><h1><span>A</span><span>B</span><span>H</span><span>I</span><span>S</span><span>H</span><span>E</span><span>K</span>
</h1></div></center></body></html>[/tex]
Similar questions
Hindi,
4 months ago
Chemistry,
4 months ago
English,
4 months ago
Physics,
9 months ago
Social Sciences,
1 year ago