Как правильно использовать градиенты в CSS?

Question

[Александр Затогин]

Я относительно недавно начал создавать свои проекты и начал искать интересные эффекты и дополнительные возможности в CSS 3.
Наткнулся на странные для меня, как новичка, виды написания градиентов:
1)

div {  background: linear-gradient(to right, red , blue); }

, который обычно показывают в туториалах;
2)

div {
    background-image:
        -webkit-gradient(
            linear, 
            left bottom, 
            left top, 
            color-stop(50%,rgba(255,255,255,0)), 
            color-stop(50%,rgba(255,255,255,0.3)), 
            color-stop(100%,rgba(255,255,255,0.2)));
}

У меня несколько вопросов:
1)В чем разница?
2)Как правильно или не правильно?
3)Где найти туториалы по второму варианту (как писать)?

Answer 1

[Murat Atila]

www.colorzilla.com/gradient-editor