Social Sciences, asked by Sunnyq, 9 months ago

How segregation system was working in south africa

Answers

Answered by annathuraiprakash40
2

Answer:

After the National Party gained power in South Africa in 1948, its all-white government immediately began enforcing existing policies of racial segregation. Under apartheid, nonwhite South Africans (a majority of the population) would be forced to live in separate areas from whites and use separate public facilities.

Explanation:

hopeit helps you buddy

PLEASE MARK THIS AS BRAINLIEST ANSWER

FOLLOW ME

Answered by Anonymous
10

Explanation:

After the National Party gained power in South Africa in 1948, its all-white government immediately began enforcing existing policies of racial segregation. Under apartheid, nonwhite South Africans (a majority of the population) would be forced to live in separate areas from whites and use separate public facilities.

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

Similar questions