재미있고 다채로운 코드펜

Linda Hamilton
풀어 주다: 2024-10-05 08:08:29
원래의
661명이 탐색했습니다.

Fun Colorful Codepens

안녕하세요. 디자이너로서 컬러는 정말 중요해요.

지난 2년 동안 저는 몇 가지 색상 팔레트를 수집하고 만들었습니다. 하지만 오늘 포스팅의 주제는 그게 아닙니다.

오늘은 제가 만든 재미있는 색연필 몇 가지를 공유해드리고 싶었습니다.

가자…

(참고: 일부는 모바일에서 호환되지 않을 수 있습니다.)


1. RGB 컬러 슬라이더

이것에 대해 뭐라고 말할 수 있을까요? 더 깊이 들어가기 전에 먼저 저는 Microsoft Copilot을 사용하여 CSS와 JS의 세부적인 세부 사항을 처리한다는 점을 말씀드리고 싶습니다.

이것의 멋진 기능은 무엇인가요? 슬라이더를 사용하면 페이지 배경색과 RGB의 텍스트 입력 값이 즉시 업데이트됩니다. 슬라이더를 사용하지 않고 값을 입력하려는 경우 양방향으로 작동합니다.

2. 색상 계산기

기본 계산기를 좋아하지 않는 사람이 있을까요? 여기에는 답변 표시에 색상 16진수 코드를 입력하거나 붙여넣어 색상을 변경할 수 있는 멋진 기능이 있습니다!

3. JS를 사용한 무작위 색상 팔레트

색상 팔레트에 대해 말하자면. 다음은 임의의 색상 팔레트 생성기입니다. 나는 단지 재미를 위해 이것을 만들었습니다. 나는 프로젝트를 만드는 데 AI를 많이 사용한다는 것을 알고 있습니다. 하지만 색상 팔레트의 경우 AI나 임의 색상 팔레트 생성기는 제가 사용하는 것이 아닙니다. 사용 사례가 있을 수 있지만, 내 디자인 프로젝트 중 상당수는 나에게 매우 소중하며 사용하는 색상에 대해 의도적으로 노력합니다.

4. 흑백 시계 페이스

매우 아름다운 단순한 수탉 얼굴. 훌륭한 화면 보호기를 만들 수 있습니다. 밝은 테마와 어두운 테마를 전환하려면 클릭하세요.

5. 색상 테마 옵션이 있는 SunBible 앱 프레임

이것은 제가 수년간 진행해온 프로젝트입니다. 나는 이것을 처음부터 구축하고 전자를 사용하여 데스크탑 앱으로 패키징했습니다. GitHub에서 전체 코드를 볼 수 있습니다

6. 컬러 애니메이션이 포함된 ABC의 무한 스냅 스크롤

글을 끝까지 스크롤해주셔서 감사합니다. 스크롤하는 것을 좋아하신다면 제가 도와드리겠습니다.

댓글로 여러분과 소통하고 싶습니다. 당신이 좋아하는 것이 무엇인지 알려주세요. 또 다른 재미있는 프로젝트에 대한 아이디어를 주세요.

위 내용은 재미있고 다채로운 코드펜의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿