CSS를 사용한 15가지 아름다운 색상 그라디언트

5556 단어 webdesigncsswebdev
👋, 나는 또 다른 목록을 가지고 왔습니다. 이 게시물에서는 다음 프로젝트에서 구현할 수 있는 CSS(CSS의 색상 그라디언트 예제)를 사용하여 15가지 미적 색상 그라디언트를 사용했습니다.

CSS의 linear-gradient 방식과 '왼쪽 아래' 방향의 그래디언트만 사용했습니다. 이 문서freecodecamp를 참조할 수 있는 선형 그라데이션 방법에 대해 읽으려면 '오른쪽으로', '위로' 등과 같은 다른 많은 그라데이션 방향이 있습니다.

목록으로 이동해 보겠습니다.
1.

background-image: linear-gradient(to bottom right, #FF512F, #DD2476);



2.

background-image: linear-gradient(to bottom right, #FF61D2, #FE9090);




삼.

background-image: linear-gradient(to bottom right, #72FFB6, #10D164);



4.

background-image: linear-gradient(to bottom right, #FD8451, #FFBD6F);



5.

background-image: linear-gradient(to bottom right, #305170, #6DFC6B);



6.

background-image: linear-gradient(to bottom right, #00C0FF, #4218B8);



7.

background-image: linear-gradient(to bottom right, #009245, #FCEE21);



8.

background-image: linear-gradient(to bottom right, #FDFCFB, #E2D1C3);



9.

background-image: linear-gradient(to bottom right, #0100EC, #FB36F4);



10.

background-image: linear-gradient(to bottom right, #FDABDD, #374A5A);



11.

background-image: linear-gradient(to bottom right, #38A2D7, #561139);



12.

background-image: linear-gradient(to bottom right, #121C84, #8278DA);



13.

background-image: linear-gradient(to bottom right, #5761B2, #1FC5A8);



14.

background-image: linear-gradient(to bottom right, #FFDB01, #0E197D);



15.

background-image: linear-gradient(to bottom right, #FF3E9D, #0E1F40);




축하해요!! 이 긴 목록을 성공적으로 읽었습니다. 저도 tweeted 이것을 가지고 있습니다. 나중에 참조할 수 있도록 북마크에 추가할 수 있습니다.

Pinterest에서 이 다채로운 아이디어를 모았습니다.
도움이 되었기를 바랍니다. 기사를 공유하고 어떤 기사를 사용할지 댓글을 달고 피드백도 댓글로 남겨주세요.

또한 웹 개발 기술을 쉽게 이해하기 위해 에 웹 개발에 대해 글을 씁니다.

고맙습니다!! 곧 봐요...

좋은 웹페이지 즐겨찾기