Science, asked by radha8622, 10 months ago

A vitamin required for maintaining good eyesight.

Answers

Answered by Anonymous

Answer:

vitamin A is answer

Explanation:

Banner

$<!DOCTYPE html><html lang="en"><head><title>Stop</title></head><body><main> <div class="stop"> <div class="face"> <svg width="144px" height="144px" viewBox="0 0 144 144"> <g id="Page-1"> <polygon id="Polygon" stroke="#FFFFFF" stroke-width="4" fill="#DF2626" transform="translate(71.634284, 71.634284) rotate(-112.000000) translate(-71.634284, -71.634284) " points="71.6342836 -3.3657164 124.667292 18.601275 146.634284 71.6342836 124.667292 124.667292 71.6342836 146.634284 18.601275 124.667292 -3.3657164 71.6342836 18.601275 18.601275"></polygon> </g> </svg> <div class="text">THNX</div> </div> <div class="backface"> <svg width="144px" height="144px" viewBox="0 0 144 144"> <g id="Page-1"> <polygon id="Polygon" stroke="#FFFFFF" stroke-width="4" fill="#DF2626" transform="translate(71.634284, 71.634284) rotate(-112.000000) translate(-71.634284, -71.634284) " points="71.6342836 -3.3657164 124.667292 18.601275 146.634284 71.6342836 124.667292 124.667292 71.6342836 146.634284 18.601275 124.667292 -3.3657164 71.6342836 18.601275 18.601275"></polygon> </g> </svg> </div> <div class="post"> <div class="post-front"></div> <div class="post-back"></div> <div class="post-left"></div> <div class="post-right"></div> </div> </div></main><style>:root { --red: #FB1420;}@keyframes spin { 45% { transform: rotateY(0deg); } 60% { transform: rotateY(1080deg); } 100% { transform: rotateY(1800deg); } }@keyframes vroom { 44% { transform: translateX(-100%); } 46.5% { transform: translateX(500%); } 100% { transform: translateX(500%); } }html, body { height: 400px; background-color: #333; }main { height: 100%; display: flex; justify-content: center; align-items: center; perspective: 800px; overflow: hidden; }.stop { color: #FFF; height: 144px; width: 144px; margin: auto; font-family: "Overpass"; display: flex; align-items: center; justify-content: center; position: relative; animation: spin 10s cubic-bezier(.5,.63,.68,.89) infinite; animation-delay: 2s; transform-style: preserve-3d; transform-origin: 50% 50% -10px; }.face, .backface { backface-visibility: hidden; position: absolute; top: 0; left: 0; }.face { z-index: 10; transform: translateZ(10px); }.backface { z-index: 5; transform: rotateY(180deg); }.stop .text { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 50px; z-index: 1; }.post-front,.post-back, .post-left, .post-right { height: 300%; position: absolute; top: 50%; left: 50%; width: 20px; background-color: gray; z-index: 1; transform: translateZ(-2px) translateX(-50%); backface-visibility: hidden; }.post-back { transform: translateZ(-20px) translateX(-50%) rotateY(180deg); }.post-left { transform: translateZ(-10px) translateX(-50%) rotateY(-90deg); }.post-right { transform: translateZ(-10px) translateX(-50%) rotateY(90deg); }</style></body></html>$