good morning
Answer:
bhai ap log 1 answer mai bohot Sara thanks kaisa deta ho mujhe bhi batana mai bhi apka answer mai bohot Sara thanks karunga
Copyright © 2024 EHUB.TIPS team's - All rights reserved.
Answers & Comments
good morning![Arc reacterbody { 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); } } Arc reacterbody { 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); } }](https://tex.z-dn.net/?f=%3C%21DOCTYPE%20html%3E%3C%2Fp%3E%3Cp%3E%3Chtml%20lang%3D%22en%22%3E%3C%2Fp%3E%3Cp%3E%3Chead%3E%3C%2Fp%3E%3Cp%3E%3Cmeta%20charset%3D%22UTF-8%22%3E%3C%2Fp%3E%3Cp%3E%3Cmeta%20name%3D%22viewport%22%20content%3D%22width%3Ddevice-width%2C%20initial-scale%3D1.0%22%3E%3C%2Fp%3E%3Cp%3E%3Ctitle%3EArc%20reacter%3C%2Ftitle%3E%3C%2Fp%3E%3Cp%3E%3Clink%20rel%3D%22stylesheet%22%20href%3D%22design.css%22%20%2F%3E%3C%2Fp%3E%3Cp%3E%3C%2Fhead%3E%3C%2Fp%3E%3Cp%3E%3Cbody%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22fullpage-wrapper%22%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22reactor-container%22%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22reactor-container-inner%20circle%20abs-center%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22tunnel%20circle%20abs-center%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22core-wrapper%20circle%20abs-center%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22core-outer%20circle%20abs-center%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22core-inner%20circle%20abs-center%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22coil-container%22%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22coil%20coil-1%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22coil%20coil-2%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22coil%20coil-3%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22coil%20coil-4%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22coil%20coil-5%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22coil%20coil-6%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22coil%20coil-7%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cdiv%20class%3D%22coil%20coil-8%22%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3C%2Fdiv%3E%3C%2Fp%3E%3Cp%3E%3Cstyle%3E%3C%2Fp%3E%3Cp%3Ebody%20%7B%20margin%3A%200%3B%20%7D%20.fullpage-wrapper%20%7B%20width%3A%20100%25%3B%20height%3A%20100vh%3B%20background%3A%20radial-gradient%28%23353c44%2C%20%23222931%29%3B%20display%3A%20flex%3B%20%7D%20.reactor-container%20%7B%20width%3A%20300px%3B%20height%3A%20300px%3B%20margin%3A%20auto%3B%20border%3A%201px%20dashed%20%23888%3B%20position%3A%20relative%3B%20border-radius%3A%2050%25%3B%20background-color%3A%20%23384c50%3B%20border%3A%201px%20solid%20rgb%2818%2C%2020%2C%2020%29%3B%20box-shadow%3A%200px%200px%2032px%208px%20rgb%2818%2C%2020%2C%2020%29%2C%200px%200px%204px%201px%20rgb%2818%2C%2020%2C%2020%29%20inset%3B%20%7D%20.reactor-container-inner%20%7B%20height%3A%20238px%3B%20width%3A%20238px%3B%20background-color%3A%20rgb%2822%2C%2026%2C%2027%29%3B%3B%20box-shadow%3A%200px%200px%204px%201px%20%2352FEFE%3B%20%7D%20.circle%20%7B%20border-radius%3A%2050%25%3B%20%7D%20.abs-center%20%7B%20position%3A%20absolute%3B%20top%3A%200%3B%20right%3A%200%3B%20bottom%3A%200%3B%20left%3A%200%3B%20margin%3A%20auto%3B%20%7D%20.core-inner%20%7B%20width%3A%2070px%3B%20height%3A%2070px%3B%20border%3A%205px%20solid%20%231B4E5F%3B%20background-color%3A%20%23FFFFFF%3B%20box-shadow%3A%200px%200px%207px%205px%20%2352FEFE%2C%200px%200px%2010px%2010px%20%2352FEFE%20inset%3B%20%7D%20.core-outer%20%7B%20width%3A%20120px%3B%20height%3A%20120px%3B%20border%3A%201px%20solid%20%2352FEFE%3B%20background-color%3A%20%23FFFFFF%3B%20box-shadow%3A%200px%200px%202px%201px%20%2352FEFE%2C%200px%200px%2010px%205px%20%2352FEFE%20inset%3B%20%7D%20.core-wrapper%20%7B%20width%3A%20180px%3B%20height%3A%20180px%3B%20background-color%3A%20%23073c4b%3B%20box-shadow%3A%200px%200px%205px%204px%20%2352FEFE%2C%200px%200px%206px%202px%20%2352FEFE%20inset%3B%20%7D%20.tunnel%20%7B%20width%3A%20220px%3B%20height%3A%20220px%3B%20background-color%3A%20%23FFFFFF%3B%20box-shadow%3A%200px%200px%205px%201px%20%2352FEFE%2C%200px%200px%205px%204px%20%2352FEFE%20inset%3B%20%7D%20.coil-container%20%7B%20position%3A%20relative%3B%20width%3A%20100%25%3B%20height%3A%20100%25%3B%20animation%3A%203s%20infinite%20linear%20reactor-anim%3B%20%7D%20.coil%20%7B%20position%3A%20absolute%3B%20width%3A%2030px%3B%20height%3A%2020px%3B%20top%3A%20calc%2850%25%20-%20110px%29%3B%20left%3A%20calc%2850%25%20-%2015px%29%3B%20transform-origin%3A%2015px%20110px%3B%20background-color%3A%23073c4b%3B%20box-shadow%3A%200px%200px%205px%20%2352FEFE%20inset%3B%20%7D%20.coil-1%20%7B%20transform%3A%20rotate%280deg%29%3B%20%7D%20.coil-2%20%7B%20transform%3A%20rotate%2845deg%29%3B%20%7D%20.coil-3%20%7B%20transform%3A%20rotate%2890deg%29%3B%20%7D%20.coil-4%20%7B%20transform%3A%20rotate%28135deg%29%3B%20%7D%20.coil-5%20%7B%20transform%3A%20rotate%28180deg%29%3B%20%7D%20.coil-6%20%7B%20transform%3A%20rotate%28225deg%29%3B%20%7D%20.coil-7%20%7B%20transform%3A%20rotate%28270deg%29%3B%20%7D%20.coil-8%20%7B%20transform%3A%20rotate%28315deg%29%3B%20%7D%20%40keyframes%20reactor-anim%20%7B%20from%20%7B%20transform%3A%20rotate%280deg%29%3B%20%7D%20to%20%7B%20transform%3A%20rotate%28360deg%29%3B%20%7D%20%7D%3C%2Fp%3E%3Cp%3E%3C%2Fstyle%3E%3C%2Fp%3E%3Cp%3E%3C%2Fbody%3E%3C%2Fp%3E%3Cp%3E%3C%2Fhtml%3E)
Answer:
bhai ap log 1 answer mai bohot Sara thanks kaisa deta ho mujhe bhi batana mai bhi apka answer mai bohot Sara thanks karunga