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에서 이 다채로운 아이디어를 모았습니다.
도움이 되었기를 바랍니다. 기사를 공유하고 어떤 기사를 사용할지 댓글을 달고 피드백도 댓글로 남겨주세요.
또한 웹 개발 기술을 쉽게 이해하기 위해 에 웹 개발에 대해 글을 씁니다.
고맙습니다!! 곧 봐요...
Reference
이 문제에 관하여(CSS를 사용한 15가지 아름다운 색상 그라디언트), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/devash98/15-beautiful-colour-gradients-using-css-4em1텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)