.gecisli1{
    width: 20%; background: linear-gradient(to right, skyblue , #23538A);}
.gecisli2{
    width: 30%; background: linear-gradient(to left, red,black);}
.gecisli3{
    width: 40%;
    background: linear-gradient(to right top, #0cbaba, #380036, darksalmon); }
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;}