20181114
그래디언트 넣는건 귀찮다.
일단 선언 자체가 길고, 모든 브라우저에서 제대로 돌아가도록 하려면 선언을 3번씩 해줘야한다.
게다가 그 3개의 direction 정의하는게 약간 다르기도 해서 자주 헷갈림.
치트 시트
에는 없기 때문에 아래의 링크를 찾아가야한다.
(사실, 사이드바에 작게 있지만 찾기 힘듬)
링크 : https://docs.emmet.io/css-abbreviations/gradients/
결론은 lg(direction, color1, color2, ...) 형태로 쓴다음 expand 해주면 된다.
div
{
lg(90deg, white, red);
}
참고로 html파일에서 인라인으로는 안됨.
<style></style> 태그 내부에서는 되니 잘라쓰던지 해야함.
radial-gradient는 지원하지 않기 때문에 개인적으로 설정해서 쓰던지 해야함.