.gecis1{
    width: 20%; background: linear-gradient(to right, orange , #23538A);}
    
    .gecis2{
    width: 30%; background: linear-gradient(to left, purple,black);}
    
    .gecis3{
    width: 40%;
    background: linear-gradient(to right top, #0cba5a, #9b0a0a, pink); }

    div{height: 100px; color: white; font-size: 20px;border-radius: 10px;}

    div:hover{
        width: 1000px; cursor:hand;
        transition-property: width; transition-duration:0.5s; transition-delay:0.1s;}