그라데이션 디자인 사이트

안녕하세요 꿀로그입니다!
오늘은 그라데이션 디자인 사이트를 알려드리겠습니다!

가끔 그라데이션 디자인을 해야하는데 예쁜 그라데이션 디자인을 찾지 못해 난감하셨다면 이제 걱정은 놉!
이 사이트를 참고하면 누구든 그라데이션 디자인 고수가 될 수 있습니다!!👍

그라데이션 디자인 사이트

이렇게 예쁜 그라데이션 디자인을 무료로 가져다 쓸 수 있답니다!
아니 이렇게 감사할 수가..❤️
매번 포토샵으로 그라데이션 디자인 어떻게 할지 만져볼 필요 없이 사이트 접속해서 코드 복사해오면 되는 거잖아요!

그리고 CSS코드를 바로 복사할 수도 있어요.
CSS 코드 복사하면 아래와 같은 코드로 제공한답니다!

그라데이션 코드 사용하는 방법

background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);

120deg – 각도를 조절하는 코드로, 120도 회전한다는 뜻입니다. (0deg=수평/90deg=수직)
#f093fb 0% – #f093fb 코드를 0에 위치하게 한다는 뜻입니다. (수직 상태에서 가장 왼쪽)
#f5576c 100% – #f5576c 코드를 100에 위치하게 한다는 뜻입니다. (수직 상태에서 가장 오른쪽)

그라데이션 디자인 사이트 주소

Free Gradients Collection by itmeo.com

Free collection of 180 background gradients that you can use as content backdrops in any part of your website.

위 링크를 클릭하시면 그라데이션 디자인 사이트로 이동합니다!
예쁜 그라데이션으로 예쁘게 꾸며보세요~!!🥰