Math, asked by rekasenthil330, 7 months ago

Carl, on The other hand was able
to collect. How many
Stamps Wof mohabba
to collect a
plese tell the answer fast​

Answers

Answered by Sambhavs
5

Answer:

Abstract Cube

&lt;! Doctype html&gt;</p><p>&lt;html&gt;</p><p>&lt;title&gt;Abstract Cube&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p></p><p>&lt;div class="Cube"&gt;</p><p>  &lt;div class="Face" front&gt;&lt;/div&gt;</p><p>  &lt;div class="Face" back&gt;&lt;/div&gt;</p><p>  &lt;div class="Face" right&gt;&lt;/div&gt;</p><p>  &lt;div class="Face" left&gt;&lt;/div&gt;</p><p>  &lt;div class="Face" top&gt;&lt;/div&gt;</p><p>  &lt;div class="Face" bottom&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p>:root {</p><p>  --cube-size: 50vmax;</p><p>  --light-hue: 260deg;</p><p>  --light-saturation: 50%;</p><p>  --light-power: 50%;</p><p>  --faces-transparency: 50%;</p><p>  </p><p>  /* Commend this to disable auto color switch */</p><p>  animation: color 20s linear infinite;</p><p>}</p><p></p><p></p><p>.Cube {</p><p>  --cube-half: calc(var(--cube-size) / 2);</p><p>  --cube-z: calc(var(--cube-half) * -1);</p><p>  --light: var(--light-hue) var(--light-saturation) calc(var(--light-power) + 20%);</p><p>  --surface: var(--light-hue) var(--light-saturation) var(--light-power);</p><p>  </p><p>  width: var(--cube-size);</p><p>  height: var(--cube-size);</p><p>  position: relative;</p><p>  transform-style: preserve-3d;</p><p>  transform: translateZ(var(--cube-z));</p><p>  animation: rotation 60s infinite linear;</p><p>animation-fill-mode: forwards;</p><p>  </p><p>  &amp;::before,</p><p>  &amp;::after {</p><p>    content: '';</p><p>    display: block;</p><p>    position: center;</p><p>    top: 0;</p><p>    left: 0;</p><p>    width: 100%;</p><p>    height: 100%;</p><p>    animation: move 1s infinite ease-in-out alternate;</p><p>    background: radial-gradient(</p><p>      circle at center,</p><p>      white,</p><p>      hsl(var(--surface))  );</p><p>  }</p><p>  </p><p>  &amp;::before {</p><p>    --from-z: -3vmax;</p><p>    --to-z: 6vmax;</p><p>    mask-image: radial-gradient(</p><p>      transparent 0% 40%,</p><p>      black 40.1% 60%,</p><p>      transparent 60.1% </p><p>    )</p><p>  }  </p><p></p><p>  &amp;::after {</p><p>   --from-z: 6vmax;</p><p>    --to-z: -3vmax;</p><p>    mask-image: radial-gradient(</p><p>      black 0 10%,</p><p>      transparent 10.1% 20%,</p><p>      black 20.1% 30%,</p><p>      transparent 30.1%</p><p>    )</p><p>  }</p><p>}</p><p></p><p></p><p>.Face { </p><p>  position: absolute;</p><p>  width: 100%;</p><p>  height: 100%;</p><p>  -webkit-backdrop-filter: blur(2px);</p><p>  box-shadow: inset 0 0 3vmax -2vmax hsl(0deg 0% 100% / max(50%, var(--light-saturation)));</p><p>  background-image: linear-gradient(</p><p>    45deg,</p><p>    hsl(var(--surface)),</p><p>    hsl(var(--light) / var(--faces-transparency))</p><p>  );</p><p>}</p><p></p><p>*/  Position each face to the correct side */</p><p>[front]  { transform: rotateY(0) translateZ(var(--cube-half)); }</p><p>[right]  { transform: rotateY(90deg) translateZ(var(--cube-half)); }</p><p>[back]   { transform: rotateY(180deg) translateZ(var(--cube-half)); }</p><p>[left]   { transform: rotateY(-90deg) translateZ(var(--cube-half)); }</p><p>[top]    { transform: rotateX(90deg) translateZ(var(--cube-half)); }</p><p>[bottom] { transform: rotateX(-90deg) translateZ(var(--cube-half)); }</p><p></p><p></p><p>/* Cube animation */</p><p>@keyframes rotation { </p><p>  0% {transform: translateZ(var(--cube-z)) rotateY(0deg) rotateZ(0deg);</p><p>  }</p><p></p><p>  25% {</p><p>    transform: translateZ(var(--cube-z)) rotateY(-90deg) rotateZ(90deg);</p><p>  }</p><p>  </p><p>  50% {</p><p>    transform: translateZ(var(--cube-z)) rotateY(-180deg) rotateZ(-90deg);</p><p>  }  </p><p>  </p><p>  75% {</p><p>    transform: translateZ(var(--cube-z)) rotateY(90deg) rotateZ(180deg);</p><p>  }</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p>

Answered by ekamchadha10
0

Answer:

bhai abstract cube hoga answer

Similar questions