Untitled

<input type="checkbox" name="cc" checked value=""> 

input:enabled {

  background-color:black;

  height:150px;  

  width:150px; 

     -webkit-transition: all .2s ease;

  -moz-transition: all .2s ease;

  -o-transition: all .2s ease;

  -ms-transition: all .2s ease;

  transition: all .2s ease;

}

input:checked {

  width:100px;

  padding:50px;

}