CSS background gradient - Linear gradients

Question

background-image: linear-gradient(red, yellow);

/*to right*/
background-image: linear-gradient(to right, red , yellow);

/* bottom right*/
background-image: linear-gradient(to bottom right, red, yellow);

/*dissolve deg*/
background-image: linear-gradient(-90deg, red, yellow);

/*multi color to right*/
background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet); 

/*disolve gradient*/
background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));

/*radial gradient*/
background-image: radial-gradient(red, yellow, green);

 

Answer 1

right: 0;
height: 100%;
width: 65px;
float: right;
border-radius: 0;
background-image: linear-gradient(to right, #ffffff59, #fff);

 

Answer 2

background: linear-gradient(to right, rgba(255, 255, 255, 1) 15%, rgba(255, 255, 255, 0) 60%);