예전엔 html에 gradient를 적용하려면, 그라데이션이 적용된 이미지를 배경으로 깔아서 사용할 수 밖에 없었는데요.지금은 CSS 만으로도 상당히 복잡한 그라데이션을 html에 적용할 수 있습니다. 또한 눈대중으로 위치를 확인하기 어려운 gradient 각각의 포인트를 직접 눈으로 확인하면서 적용해볼 수 있는 사이트도 있어서 공유합니다.
CSS Gradient위의 그림이 CSS로 그라데이션을 적용한 이미지인데요.CSS에 Gradient는 Background 요소에 적용할 수 있습니다.아래 코드를 참고해주세요. CSS Gradientwidth:80%;height: 500px;margin:30px auto;background:linear-gradient(90deg, rgba(255,255,2.....
원문 링크 : 책처럼 보이는 CSS Gradient 적용하기
