Use the CSS Transform scale Property to Change the Size of an Element

scrimba

Watch in fullscreen

by freeCodeCamp

About

Comments

Notes

Use the CSS Transform scale Property to Change the Size of an Element

by freeCodeCamp

Expand for more info

index.html

run

preview

console

<style>
  .ball { 
    width: 40px;
    height: 40px;
    margin: 50 auto;
    position: fixed;
    background: linear-gradient(
      35deg,
      #ccffff,
      #ffcccc
    );
    border-radius: 50%;
  }
  #ball1 {
    left:20%;
  }
  #ball2 {
    left:65%;
    
  }


</style>

<div class="ball" id= "ball1"></div>
<div class="ball" id= "ball2"></div>

<style>

.ball {

width: 40px;

height: 40px;

margin: 50 auto;

position: fixed;

background: linear-gradient(

35deg,

#ccffff,

#ffcccc

);

border-radius: 50%;

}

#ball1 {

left:20%;

}

#ball2 {

left:65%;

}

</style>

-0:43