Chemistry, asked by simransahu8753, 9 months ago

what is the principle behind chromotography .state some uses of this technique ​

Answers

Answered by Sambhavs
40

Answer:

&lt;! Doctype html&gt;</p><p>&lt;html&gt;</p><p>&lt;title&gt; Paint Roller&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="load"&gt;</p><p>  &lt;div class="paint"&gt;</p><p>    &lt;div class="stroke"&gt;&lt;/div&gt;</p><p>  &lt;/div&gt;</p><p>  &lt;div class="roller"&gt;</p><p>    &lt;div class="top"&gt;&lt;/div&gt;</p><p>    &lt;div class="handle"&gt;&lt;/div&gt;</p><p>  &lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p>body {</p><p>  background-color: #FCDFF3;</p><p>  overflow: hidden;</p><p>  }</p><p>  .load {</p><p>    position: absolute;</p><p>      width: 50vw;</p><p>        height: 156px;</p><p>          transform: translate(-50%, -50%);</p><p>            top: 30%;</p><p>              left: 20%;</p><p>                transform:rotate(5deg);</p><p>                }</p><p>                .paint {</p><p>                  position: absolute;</p><p>                    height: 155px;</p><p>                      width: calc(100% - 349px);</p><p>                        overflow: hidden;</p><p>  animation: paint 10s linear infinite alternate;</p><p>  }</p><p>  .stroke, .stroke:before, .stroke:after {</p><p>    position: absolute;</p><p>      height: 20px;</p><p>        width: 1000px;</p><p>          border-radius: 5px;</p><p>            background-color:#fcc5c7 ;</p><p>              z-index: 1;</p><p>              }</p><p>.stroke {</p><p>  top: 17px;</p><p>  box-shadow: 10px 20px #fcc5c7;</p><p>  </p><p>}</p><p></p><p>.stroke:before {</p><p>  content: '';</p><p>  top: 40px;</p><p>  left: 5px;</p><p>  box-shadow: 5px 20px #fcc5c7 ;</p><p>  </p><p>}</p><p></p><p>.stroke:after {</p><p>  content: '';</p><p>  top: 80px;</p><p>  left: 5px;</p><p>  box-shadow: -5px 20px #fcc5c7;</p><p>  </p><p>}</p><p></p><p>h1 {</p><p>  position: absolute;</p><p>    top: 40px;</p><p>      left: 175px;</p><p>        z-index: 2;</p><p>          font-size:30px;</p><p>            font-space:2px;</p><p>              font-family: "Lucida Console", Monaco, monospace;</p><p>                color: white;</p><p>                  text-shadow:</p><p>                      -1px -1px 0 #000,</p><p>                      -    1px -1px 0 #000,</p><p>                      -        -1px 1px 0 #000,</p><p>    1px 1px 0 #000;</p><p>    }</p><p>    .roller {</p><p>      position: absolute;</p><p>        width: 363px;</p><p>          height: 163px;</p><p>  animation: roller 10s linear infinite alternate;</p><p>    z-index: 3;</p><p>    }</p><p>    .top {</p><p>      position: absolute;</p><p>        height: 60px;</p><p>          width: 60px;</p><p>  border-left: 7px solid #000;</p><p>    border-bottom: 7px solid #000;</p><p>      border-right: 7px solid #000;</p><p>        top: 96px;</p><p>          left: 31px;</p><p>            border-bottom-left-radius: 15%;</p><p>              border-bottom-right-radius: 15%;</p><p>              }</p><p>              .top:before {</p><p>                position: absolute;</p><p>                  content: '';</p><p>                    background-color: #000;</p><p>                      width: 33px;</p><p>  height: 151px;</p><p>    border-radius: 5px;</p><p>      left: -19px;</p><p>        top: -96px;</p><p>        }</p><p>        .top:after {</p><p>  content: '';</p><p>    position: absolute;</p><p>      height: 132px;</p><p>        width: 64px;</p><p>  background-color: #fcc5c7;</p><p>    border-radius: 10%;</p><p>      top: -92px;</p><p>        left: -36px;</p><p>          border: 5px solid #fdacc7;</p><p>          }</p><p>          .handle {</p><p>            position: absolute;</p><p>              width: 150px;</p><p>  height: 40px;</p><p>    border-top: 7px solid #000;</p><p>    border-left: 7px solid #000;</p><p>      border-top-left-radius: 30px;</p><p>        top: 70px;</p><p>          left: 98px;</p><p>          }</p><p>.handle:before {</p><p>  position: absolute;</p><p>    content: '';</p><p>      width: 230px;</p><p>  height: 45px;</p><p>    background-color:sandybrown ;</p><p>      border: 5px solid #a6593b;</p><p>        left: 50px;</p><p>          top: -31px;</p><p>            border-radius: 8%;</p><p>            }</p><p>            .handle:after {</p><p>              position: absolute;</p><p>                content: '';</p><p>                  width: 50px;</p><p>                    height: 43px;</p><p>                      background-color: sandybrown;</p><p>                        transform:rotate(180deg);</p><p>                          border: 3px solid #a6593b;</p><p>                            left: 90px;</p><p>                              top: -27px;</p><p>                                border-radius: 50%;</p><p>                                }</p><p>                                @keyframes paint {</p><p>                                  0% { width: 0%; }</p><p>                                    100% { width: 100%; }</p><p>                                    }</p><p>@keyframes roller {</p><p>  0% { left: 0px; }</p><p>    100% { left: 100%; }</p><p>    }</p><p>    </p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Answered by Anonymous
1

Principle of Chromatography

Chromatography is based on the principle where molecules in mixture applied onto the surface or into the solid, and fluid stationary phase (stable phase) is separating from each other while moving with the aid of a mobile phase

Similar questions