Physics, asked by nishakumari99330, 9 months ago

define the principal focus of a concave mirror​

Answers

Answered by Anonymous
4

Explanation:

 &lt;svg id="wrap" width="300" height="300"&gt;</p><p>  </p><p>  &lt;!-- background --&gt;</p><p>  &lt;svg&gt;</p><p>    &lt;circle cx="150" cy="150" r="130" style="stroke: lightblue; stroke-width:18; fill:transparent"/&gt;</p><p>    &lt;circle cx="150" cy="150" r="115" style="fill:#2c3e50"/&gt;</p><p>    &lt;path style="stroke: #2c3e50; stroke-dasharray:820; stroke-dashoffset:820; stroke-width:18; fill:transparent" d="M150,150 m0,-130 a 130,130 0 0,1 0,260 a 130,130 0 0,1 0,-260"&gt;</p><p>      &lt;animate attributeName="stroke-dashoffset" dur="6s" to="-820" repeatCount="indefinite"/&gt;</p><p>    &lt;/path&gt;</p><p>  &lt;/svg&gt;</p><p>  </p><p>  &lt;!-- image --&gt;</p><p>  &lt;svg&gt;</p><p>    &lt;path id="hourglass" d="M150,150 C60,85 240,85 150,150 C60,215 240,215 150,150 Z" style="stroke: white; stroke-width:5; fill:white;" /&gt;</p><p>    </p><p>    &lt;path id="frame" d="M100,97 L200, 97 M100,203 L200,203 M110,97 L110,142 M110,158 L110,200 M190,97 L190,142 M190,158 L190,200 M110,150 L110,150 M190,150 L190,150" style="stroke:lightblue; stroke-width:6; stroke-linecap:round" /&gt;</p><p>    </p><p>    &lt;animateTransform xlink:href="#frame" attributeName="transform" type="rotate" begin="0s" dur="3s" values="0 150 150; 0 150 150; 180 150 150" keyTimes="0; 0.8; 1" repeatCount="indefinite" /&gt;</p><p>    &lt;animateTransform xlink:href="#hourglass" attributeName="transform" type="rotate" begin="0s" dur="3s" values="0 150 150; 0 150 150; 180 150 150" keyTimes="0; 0.8; 1" repeatCount="indefinite" /&gt;</p><p>  &lt;/svg&gt;</p><p>  </p><p>  &lt;!-- sand --&gt;</p><p>  &lt;svg&gt;</p><p>    &lt;!-- upper part --&gt;</p><p>    &lt;polygon id="upper" points="120,125 180,125 150,147" style="fill:#2c3e50;"&gt;</p><p>      &lt;animate attributeName="points" dur="3s" keyTimes="0; 0.8; 1" values="120,125 180,125 150,147; 150,150 150,150 150,150; 150,150 150,150 150,150" repeatCount="indefinite"/&gt;</p><p>    &lt;/polygon&gt;</p><p>    </p><p>    &lt;!-- falling sand --&gt;</p><p>    &lt;path id="line" stroke-linecap="round" stroke-dasharray="1,4" stroke-dashoffset="200.00" stroke="#2c3e50" stroke-width="2" d="M150,150 L150,198"&gt;</p><p>      &lt;!-- running sand --&gt;</p><p>      &lt;animate attributeName="stroke-dashoffset" dur="3s" to="1.00" repeatCount="indefinite"/&gt;</p><p>      &lt;!-- emptied upper --&gt;</p><p>      &lt;animate attributeName="d" dur="3s" to="M150,195 L150,195" values="M150,150 L150,198; M150,150 L150,198; M150,198 L150,198; M150,195 L150,195" keyTimes="0; 0.65; 0.9; 1" repeatCount="indefinite"/&gt;</p><p>      &lt;!-- last drop --&gt;</p><p>      &lt;animate attributeName="stroke" dur="3s" keyTimes="0; 0.65; 0.8; 1" values="#2c3e50;#2c3e50;transparent;transparent" to="transparent" repeatCount="indefinite"/&gt;</p><p>    &lt;/path&gt;</p><p>    </p><p>    &lt;!-- lower part --&gt;</p><p>    &lt;g id="lower"&gt;</p><p>      &lt;path d="M150,180 L180,190 A28,10 0 1,1 120,190 L150,180 Z" style="stroke: transparent; stroke-width:5; fill:#2c3e50;"&gt;</p><p>        &lt;animateTransform attributeName="transform" type="translate" keyTimes="0; 0.65; 1" values="0 15; 0 0; 0 0" dur="3s" repeatCount="indefinite" /&gt;</p><p>      &lt;/path&gt;</p><p>      &lt;animateTransform xlink:href="#lower" attributeName="transform"</p><p>                    type="rotate"</p><p>                    begin="0s" dur="3s"</p><p>                    values="0 150 150; 0 150 150; 180 150 150"</p><p>                    keyTimes="0; 0.8; 1"</p><p>                    repeatCount="indefinite"/&gt;</p><p>    &lt;/g&gt;</p><p>    </p><p>    &lt;!-- lower overlay - hourglass --&gt;</p><p>    &lt;path d="M150,150 C60,85 240,85 150,150 C60,215 240,215 150,150 Z" style="stroke: white; stroke-width:5; fill:transparent;"&gt;</p><p>      &lt;animateTransform attributeName="transform"</p><p>                    type="rotate"</p><p>                    begin="0s" dur="3s"</p><p>                    values="0 150 150; 0 150 150; 180 150 150"</p><p>                    keyTimes="0; 0.8; 1"</p><p>                    repeatCount="indefinite"/&gt;</p><p>    &lt;/path&gt;</p><p>    </p><p>    &lt;!-- lower overlay - frame --&gt;</p><p>    &lt;path id="frame" d="M100,97 L200, 97 M100,203 L200,203" style="stroke:lightblue; stroke-width:6; stroke-linecap:round"&gt;</p><p>      &lt;animateTransform attributeName="transform"</p><p>                    type="rotate"</p><p>                    begin="0s" dur="3s"</p><p>                    values="0 150 150; 0 150 150; 180 150 150"</p><p>                    keyTimes="0; 0.8; 1"</p><p>                    repeatCount="indefinite"/&gt;</p><p>    &lt;/path&gt;</p><p>  &lt;/svg&gt;</p><p>  </p><p>&lt;/svg&gt;

Answered by ChromaticSoul
1

Answer:

Light rays that are parallel to the principal axis of a concave mirror converge at a specific point on its principal axis after reflecting from the mirror. This point is known as the principal focus of the concave mirror.

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;CUBE&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="container"&gt;</p><p></p><p>&lt;div id="cube"&gt;</p><p></p><p>&lt;div class="front"&gt;pls&lt;/div&gt;</p><p></p><p>&lt;div class="back"&gt;follow&lt;/div&gt;</p><p></p><p>&lt;div class="right"&gt;me&lt;/div&gt;</p><p></p><p>&lt;div class="left"&gt;❣️&lt;/div&gt;</p><p></p><p>&lt;div class="top"&gt;❣️&lt;/div&gt;</p><p></p><p>&lt;div class="bottom"&gt;❣️&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p></p><p>padding-left: 30%;</p><p></p><p>padding-top: 5%;</p><p></p><p>}</p><p></p><p>.container {</p><p></p><p>width: 200px;</p><p></p><p>height: 200px;</p><p></p><p>position: relative;</p><p></p><p>-webkit-perspective: 1000px;</p><p></p><p>-moz-perspective: 1000px;</p><p></p><p>}</p><p></p><p>#cube {</p><p></p><p>width: 100%;</p><p></p><p>height: 100%;</p><p></p><p>position: absolute;</p><p></p><p>-webkit-transform-style: preserve-3d;</p><p></p><p>-webkit-animation: rotatecube 10s infinite;</p><p></p><p>-moz-transform-style: preserve-3d;</p><p></p><p>-moz-animation: rotatecube 10s infinite;</p><p></p><p>}</p><p></p><p>#cube div {</p><p></p><p>width: 200px;</p><p></p><p>height: 200px;</p><p></p><p>display: block;</p><p></p><p>position: absolute;</p><p></p><p>border: none;</p><p></p><p>line-height: 200px;</p><p></p><p>text-align: center;</p><p></p><p>font-size: 50px;</p><p></p><p>font-weight: bold;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes rotatecube {</p><p></p><p>0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p></p><p>@-moz-keyframes rotatecube {</p><p></p><p>0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p></p><p>.front {</p><p></p><p>background: rgba(255,0,0,.5);</p><p></p><p>}</p><p></p><p>.back {</p><p></p><p>background: rgba(0,255,0,.5);</p><p></p><p>}</p><p></p><p>.right {</p><p></p><p>background: rgba(0,0,255,.5);</p><p></p><p>}</p><p></p><p>.left {</p><p></p><p>background: rgba(0,255,255,.5);</p><p></p><p>}</p><p></p><p>.top {</p><p></p><p>background: rgba(255,0,255,.5);</p><p></p><p>}</p><p></p><p>.bottom {</p><p></p><p>background: rgba(255,255,0,.5);</p><p></p><p>}</p><p></p><p>#cube .front {</p><p></p><p>-webkit-transform: rotateY(0deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( 0deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .back {</p><p></p><p>-webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .right {</p><p></p><p>-webkit-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .left {</p><p></p><p>-webkit-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .top {</p><p></p><p>-webkit-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .bottom {</p><p></p><p>-webkit-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Similar questions