Chemistry, asked by archisman36, 9 months ago

Colour and type of precipitate of tetra amine silver chloride

Answers

Answered by llxdevilgirlxll
5

(っ◔◡◔)っ ♥ Hyy Dude

ᴀɢᴄʟ ᴅɪꜱꜱᴏʟᴠᴇꜱ ɪɴ ᴀᴍᴍᴏɴɪᴀ (ᴅᴜᴇ ᴛᴏ ᴛʜᴇ ꜰᴏʀᴍᴀᴛɪᴏɴ ᴏꜰ ᴛʜᴇ ᴄᴏᴍᴘʟᴇx ɪᴏɴ [ᴀɢ(ɴʜ3)2]+), ʜɢ2ᴄʟ2 ɢɪᴠᴇꜱ ᴀ ʙʟᴀᴄᴋ ᴘʀᴇᴄɪᴘɪᴛᴀᴛᴇ ᴄᴏɴꜱɪꜱᴛɪɴɢ ᴏꜰ ᴀ ᴍɪxᴛᴜʀᴇ ᴏꜰ ᴄʜʟᴏʀᴏ-ᴍᴇʀᴄᴜʀɪᴄ ᴀᴍɪᴅᴇ ᴀɴᴅ ᴇʟᴇᴍᴇɴᴛᴀʟ ᴍᴇʀᴄᴜʀʏ.

Answered by Divyansh50800850
41

code

[tx]<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<style>

body {

font-family: Arial, Helvetica, sans-serif;

}

.flip-box {

background-color: transparent;

width: 300px;

height: 200px;

border: 1px solid #f1f1f1;

perspective: 1000px;

}

.flip-box-inner {

position: relative;

width: 100%;

height: 100%;

text-align: center;

transition: transform 0.8s;

transform-style: preserve-3d;

}

.flip-box:hover .flip-box-inner {

transform: rotateY(180deg);

}

.flip-box-front, .flip-box-back {

position: absolute;

width: 100%;

height: 100%;

-webkit-backface-visibility: hidden;

- - backface-visibility: hidden;

- }

- .flip-box-front {

- background-color: #bbb;

- color: black;

- }

- .flip-box-back {

- background-color: dodgerblue;

- color: white;

- transform: rotateY(180deg);

- }

- </style>

- </head>

- <body>

- <h1>3D Flip Box (Horizontal)</h1>

- <h3>Hover over the box below:</h3>

<div class="flip-box">

<div class="flip-box-inner">

<div class="flip-box-front">

<h2>Click here</h2></div>

<div class="flip-box-back">

<h2>Back Side</h2>

</div>

</div>

</div>

</body>

</html>[/tex]

Result

&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>&lt;head&gt;</p><p>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</p><p>&lt;style&gt;</p><p>body {</p><p>  font-family: Arial, Helvetica, sans-serif;</p><p>    }</p><p>    .flip-box {</p><p>      background-color: transparent;</p><p>          width: 300px;</p><p>                height: 200px;</p><p>                        border: 1px solid #f1f1f1;</p><p>                                  perspective: 1000px;</p><p>                                            }</p><p>                                            .flip-box-inner {</p><p>                                              position: relative;</p><p>                                                  width: 100%;</p><p>                                                        height: 100%;</p><p>                                                                text-align: center;</p><p>                                                                          transition: transform 0.8s;</p><p>                                                                                      transform-style: preserve-3d;</p><p>                                                                                                  }</p><p>                                                                                                  .flip-box:hover .flip-box-inner {</p><p>                                                                                                    transform: rotateY(180deg);</p><p>                                                                                                      }</p><p>                                                                                                      .flip-box-front, .flip-box-back {</p><p>                                                                                                        position: absolute;</p><p>                                                                                                            width: 100%;</p><p>                                                                                                                  height: 100%;</p><p>                                                                                                                          webkit-backface-visibility: hidden;</p><p>                                                                                                                                 backface-visibility: hidden;</p><p>          }</p><p>          .flip-box-front {</p><p>           background-color: #bbb;</p><p>               color: black;</p><p>                   }</p><p>                   .flip-box-back {</p><p>                     background-color: dodgerblue;</p><p>                       color: white;</p><p>                             transform: rotateY(180deg);</p><p>                                    }</p><p>                                         &lt;/style&gt;</p><p>                                                 &lt;/head&gt;</p><p>                                                       &lt;body&gt;</p><p>                                                       &lt;h1&gt;3D Flip Box (Horizontal)&lt;/h1&gt;</p><p>                                                        &lt;h3&gt;Hover over the box below:&lt;/h3&gt;</p><p>&lt;div class="flip-box"&gt;</p><p>  &lt;div class="flip-box-inner"&gt;</p><p>        &lt;div class="flip-box-front"&gt;</p><p>                    &lt;h2&gt;Click here&lt;/h2&gt;&lt;/div&gt;</p><p>                                    &lt;div class="flip-box-back"&gt;</p><p>                                                          &lt;h2&gt;Back Side&lt;/h2&gt;</p><p>                                                                                    &lt;/div&gt;</p><p>                                                                                                                &lt;/div&gt;</p><p>                                                                                                                                            &lt;/div&gt;</p><p>                                                                                                                                            &lt;/body&gt;</p><p>                                                                                                                                            &lt;/html&gt;

Similar questions