<input type="checkbox">
  <div></div>

div {
      --translate: -50%, -50%;
      --scale: 1;
        width: 200px;
        height: 200px;
        background: royalblue;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(var(--translate)) scale(var(--scale));
        transition: .3s;
    }
    [type="checkbox"]{
      width: 50px;
      height: 50px;
    }
    [type="checkbox"]:checked+div{
      --scale: 1.5
    }