Answer 1

Linear gradient starts from one end to its opposite end.

Radial gradient starts from center to outwards

Answer 2

For more info visit this link,
https://www.quora.com/What-is-the-difference-between-a-linear-and-radical-gradient-in-CSS
Use of Linear or radical gradients
https://developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient()

https://www.sololearn.com/discuss/2298320/?ref=app
https://www.sololearn.com/discuss/743/?ref=app

Answer 3

try it out bro, you would get two different results, and you would understand yourself

create two divs in html

<div class="linear box">Linear</div>
<div class="radial box>Radial</div>

grab both divs using class .box, and give equal heights and widths to make them a square.

.box {
height: 200px;
width: 200px;
}

.linear {
background-image: linear-gradient(orange, cyan)
/* you can add another value before the first color, that can be "to left", "to right", "to bottom" or "to top"*/
/* You can add as many colors as you wish after "cyan". */
}

.radial {
background-image: radial-gradient(orange, cyan);
}

Answer 4

Your welcome.. mark my or any other answer as correct, so the question can be closed