Math, asked by sk0768173ph3gfb, 9 months ago

check wether of factor:

Attachments:

Answers

Answered by ItsShreedhar
0

\<!DOCTYPE html></p><p></p><p><html lang="en"></p><p></p><p><head></p><p></p><p><meta charset="UTF-8"></p><p></p><p><meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p></p><p><title>Arc reacter</title></p><p></p><p><link rel="stylesheet" href="design.css" /></p><p></p><p></head></p><p></p><p><body></p><p></p><p><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></p><p></p><p><style></p><p></p><p>body {</p><p></p><p>margin: 0;</p><p></p><p>}</p><p></p><p>.fullpage-wrapper {</p><p></p><p>width: 100%;</p><p></p><p>height: 100vh;</p><p></p><p>background: radial-gradient(#353c44, #222931);</p><p></p><p>display: flex;</p><p></p><p>}</p><p></p><p>.reactor-container {</p><p></p><p>width: 300px;</p><p></p><p>height: 300px;</p><p></p><p>margin: auto;</p><p></p><p>border: 1px dashed #888;</p><p></p><p>position: relative;</p><p></p><p>border-radius: 50%;</p><p></p><p>background-color: #384c50;</p><p></p><p>border: 1px solid rgb(18, 20, 20);</p><p></p><p>box-shadow: 0px 0px 32px 8px rgb(18, 20, 20), 0px 0px 4px 1px rgb(18, 20, 20) inset;</p><p></p><p>}</p><p></p><p>.reactor-container-inner {</p><p></p><p>height: 238px; width: 238px; background-color: rgb(22, 26, 27);;</p><p></p><p>box-shadow: 0px 0px 4px 1px #52FEFE;</p><p></p><p>}</p><p></p><p>.circle {</p><p></p><p>border-radius: 50%;</p><p></p><p>}</p><p></p><p>.abs-center {</p><p></p><p>position: absolute;</p><p></p><p>top: 0;</p><p></p><p>right: 0;</p><p></p><p>bottom: 0;</p><p></p><p>left: 0;</p><p></p><p>margin: auto;</p><p></p><p>}</p><p></p><p>.core-inner {</p><p></p><p>width: 70px;</p><p></p><p>height: 70px;</p><p></p><p>border: 5px solid #1B4E5F;</p><p></p><p>background-color: #FFFFFF;</p><p></p><p>box-shadow: 0px 0px 7px 5px #52FEFE, 0px 0px 10px 10px #52FEFE inset;</p><p></p><p>}</p><p></p><p>.core-outer {</p><p></p><p>width: 120px;</p><p></p><p>height: 120px;</p><p></p><p>border: 1px solid #52FEFE;</p><p></p><p>background-color: #FFFFFF;</p><p></p><p>box-shadow: 0px 0px 2px 1px #52FEFE, 0px 0px 10px 5px #52FEFE inset;</p><p></p><p>}</p><p></p><p>.core-wrapper {</p><p></p><p>width: 180px;</p><p></p><p>height: 180px;</p><p></p><p>background-color: #073c4b;</p><p></p><p>box-shadow: 0px 0px 5px 4px #52FEFE, 0px 0px 6px 2px #52FEFE inset;</p><p></p><p>}</p><p></p><p>.tunnel {</p><p></p><p>width: 220px;</p><p></p><p>height: 220px;</p><p></p><p>background-color: #FFFFFF;</p><p></p><p>box-shadow: 0px 0px 5px 1px #52FEFE, 0px 0px 5px 4px #52FEFE inset;</p><p></p><p>}</p><p></p><p>.coil-container {</p><p></p><p>position: relative;</p><p></p><p>width: 100%;</p><p></p><p>height: 100%;</p><p></p><p>animation: 3s infinite linear reactor-anim;</p><p></p><p>}</p><p></p><p>.coil {</p><p></p><p>position: absolute;</p><p></p><p>width: 30px;</p><p></p><p>height: 20px;</p><p></p><p>top: calc(50% - 110px);</p><p></p><p>left: calc(50% - 15px);</p><p></p><p>transform-origin: 15px 110px;</p><p></p><p>background-color:#073c4b;</p><p></p><p>box-shadow: 0px 0px 5px #52FEFE inset;</p><p></p><p>}</p><p></p><p>.coil-1 {</p><p></p><p>transform: rotate(0deg);</p><p></p><p>}</p><p></p><p>.coil-2 {</p><p></p><p>transform: rotate(45deg);</p><p></p><p>}</p><p></p><p>.coil-3 {</p><p></p><p>transform: rotate(90deg);</p><p></p><p>}</p><p></p><p>.coil-4 {</p><p></p><p>transform: rotate(135deg);</p><p></p><p>}</p><p></p><p>.coil-5 {</p><p></p><p>transform: rotate(180deg);</p><p></p><p>}</p><p></p><p>.coil-6 {</p><p></p><p>transform: rotate(225deg);</p><p></p><p>}</p><p></p><p>.coil-7 {</p><p></p><p>transform: rotate(270deg);</p><p></p><p>}</p><p></p><p>.coil-8 { transform: rotate(315deg);</p><p></p><p>}</p><p></p><p>@keyframes reactor-anim</p><p></p><p>{</p><p></p><p>from {</p><p></p><p>transform: rotate(0deg);</p><p></p><p>}</p><p></p><p>to {</p><p></p><p>transform: rotate(360deg);</p><p></p><p>}</p><p></p><p>}</p><p></p><p></style></p><p></p><p></body></p><p></p><p></html>

Similar questions