.box{
    width: 150px;
    height: 200px;
    background-color: #f88;
    transition: all 2s ease-in-out;}
.box:hover{
    opacity: 0;}
.in1:checked ~.box{
    opacity: 0;}
.box2{
    width: 150px;
    height: 200px;
    background-color: #f88;
    transition: all 2s ease-in-out;}
.box2:hover{
    width: 0;
    height: 0;}
.in2:checked ~ .box2{
    width: 0;
    height: 0;}