Science, asked by sahilmalhotra1443, 7 months ago

define covalent bond​

Answers

Answered by Anonymous
2

Acovalent bond, also called a molecular bond, is a chemical bond that involves the sharing of electron pairs between atoms. These electron pairs are known as shared pairs or bonding pairs, and the stable balance of attractive and repulsive forces between atoms, when they share electrons, is known as covalent bonding.

&lt;!DOCTYPE html&gt;</p><p></p><p>   &lt;html&gt;</p><p></p><p>       &lt;head&gt;</p><p></p><p>           &lt;title&gt;3D Animation&lt;/title&gt;</p><p></p><p>       &lt;/head&gt;</p><p></p><p>       &lt;body&gt;</p><p></p><p>           &lt;div class="stage" style="width: 120px; height: 120px;"&gt;</p><p></p><p>               &lt;div class="cubespinner"&gt;</p><p></p><p>                   &lt;div class="face1"&gt;Legend&lt;/div&gt;</p><p></p><p>                   &lt;div class="face2"&gt;Goutam&lt;/div&gt;</p><p></p><p>                   &lt;div class="face3"&gt;Superstar&lt;/div&gt;</p><p></p><p>                   &lt;div class="face4"&gt;Heroic&lt;/div&gt;</p><p></p><p>                   &lt;div class="face5"&gt;Phenomenol&lt;/div&gt;</p><p></p><p>                   &lt;div class="face6"&gt;Pro killer&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>       margin: 100px 50px 50px 50px;</p><p></p><p>   }</p><p></p><p></p><p></p><p>     @-webkit-keyframes spincube {</p><p></p><p>       from,to  { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }</p><p></p><p>       16%      { -webkit-transform: rotateY(-90deg); }</p><p></p><p>       33%      { -webkit-transform: rotateY(-90deg) rotateZ(90deg); }</p><p></p><p>       50%      { -webkit-transform: rotateY(-180deg) rotateZ(90deg); }</p><p></p><p>       66%      { -webkit-transform: rotateY(-270deg) rotateX(90deg); }</p><p></p><p>       83%      { -webkit-transform: rotateX(90deg); }</p><p></p><p>     }</p><p></p><p></p><p></p><p>     @keyframes spincube {</p><p></p><p>       from,to {</p><p></p><p>         -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);</p><p></p><p>         -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);</p><p></p><p>         transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);</p><p></p><p>       }</p><p></p><p>       16% {</p><p></p><p>         -moz-transform: rotateY(-90deg);</p><p></p><p>         -ms-transform: rotateY(-90deg);</p><p></p><p>         transform: rotateY(-90deg);</p><p></p><p>       }</p><p></p><p>       33% {</p><p></p><p>         -moz-transform: rotateY(-90deg) rotateZ(90deg);</p><p></p><p>         -ms-transform: rotateY(-90deg) rotateZ(90deg);</p><p></p><p>         transform: rotateY(-90deg) rotateZ(90deg);</p><p></p><p>       }</p><p></p><p>       50% {</p><p></p><p>         -moz-transform: rotateY(-180deg) rotateZ(90deg);</p><p></p><p>         -ms-transform: rotateY(-180deg) rotateZ(90deg);</p><p></p><p>         transform: rotateY(-180deg) rotateZ(90deg);</p><p></p><p>       }</p><p></p><p>       66% {</p><p></p><p>         -moz-transform: rotateY(-270deg) rotateX(90deg);</p><p></p><p>         -ms-transform: rotateY(-270deg) rotateX(90deg);</p><p></p><p>         transform: rotateY(-270deg) rotateX(90deg);</p><p></p><p>       }</p><p></p><p>       83% {</p><p></p><p>         -moz-transform: rotateX(90deg);</p><p></p><p>         -ms-transform: rotateX(90deg);</p><p></p><p>         transform: rotateX(90deg);</p><p></p><p>       }</p><p></p><p>     }</p><p></p><p></p><p></p><p>     .cubespinner {</p><p></p><p>       -webkit-animation-name: spincube;</p><p></p><p>       -webkit-animation-timing-function: ease-in-out;</p><p></p><p>       -webkit-animation-iteration-count: infinite;</p><p></p><p>       -webkit-animation-duration: 12s;</p><p></p><p></p><p></p><p>       animation-name: spincube;</p><p></p><p>       animation-timing-function: ease-in-out;</p><p></p><p>       animation-iteration-count: infinite;</p><p></p><p>       animation-duration: 12s;</p><p></p><p></p><p></p><p>       -webkit-transform-style: preserve-3d;</p><p></p><p>       -moz-transform-style: preserve-3d;</p><p></p><p>       -ms-transform-style: preserve-3d;</p><p></p><p>       transform-style: preserve-3d;</p><p></p><p></p><p></p><p>       -webkit-transform-origin: 60px 60px 0;</p><p></p><p>       -moz-transform-origin: 60px 60px 0;</p><p></p><p>       -ms-transform-origin: 60px 60px 0;</p><p></p><p>       transform-origin: 60px 60px 0;</p><p></p><p>     }</p><p></p><p></p><p></p><p>     .cubespinner div {</p><p></p><p>       position: absolute;</p><p></p><p>       width: 300px;</p><p></p><p>       height: 300px;</p><p></p><p>       background: rgba(255,255,255,0.9);</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>     }</p><p></p><p></p><p></p><p>     .cubespinner .face1 {</p><p></p><p>       color: CadetBlue;</p><p></p><p>       -webkit-transform: translateZ(60px);</p><p></p><p>       -moz-transform: translateZ(60px);</p><p></p><p>       -ms-transform: translateZ(60px);</p><p></p><p>       transform: translateZ(60px);</p><p></p><p>     }</p><p></p><p>     .cubespinner .face2 {</p><p></p><p>       color: ForestGreen;</p><p></p><p>       -webkit-transform: rotateY(90deg) translateZ(60px);</p><p></p><p>       -moz-transform: rotateY(90deg) translateZ(60px);</p><p></p><p>       -ms-transform: rotateY(90deg) translateZ(60px);</p><p></p><p>       transform: rotateY(90deg) translateZ(60px);</p><p></p><p>     }</p><p></p><p>     .cubespinner .face3 {</p><p></p><p>       color: blue;</p><p></p><p>       -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p></p><p>       -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p></p><p>       -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p></p><p>       transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p></p><p>     }</p><p></p><p>     .cubespinner .face4 {</p><p></p><p>       color: orange;</p><p></p><p>       -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p></p><p>       -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p></p><p>       -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p></p><p>       transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p></p><p>     }</p><p></p><p>     .cubespinner .face5 {</p><p></p><p>       color: red;</p><p></p><p>       -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p></p><p>       -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p></p><p>       -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p></p><p>       transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p></p><p>     }</p><p></p><p>     .cubespinner .face6 {</p><p></p><p>       color: DarkSlateGray;</p><p></p><p>       -webkit-transform: rotateX(-90deg) translateZ(60px);</p><p></p><p>       -moz-transform: rotateX(-90deg) translateZ(60px);</p><p></p><p>       -ms-transform: rotateX(-90deg) translateZ(60px);</p><p></p><p>       transform: rotateX(-90deg) translateZ(60px);</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