HTML CSS 및 JS의 임의 색상 생성기

안녕하세요 여러분, 놀라운 기사를 가지고 돌아왔습니다 🌈

이 기사에서는 프론트 엔드 개발 기술을 향상시키는 데 도움이 될 수 있는 임의 색상 기사 작성에 대해 이야기하겠습니다.

이것을 만든 목적


  • 당신은 더 자신감을 느낄 것입니다
  • 초보자인 경우 이 튜토리얼에서 새로운 것을 배우고, 초보자가 아닌 경우 새로운 것을 연습하면 됩니다
  • .

    그럼 시작하겠습니다

    이 영상을 꼭 확인하세요




  • index.html

  • <div class="container">
            <center>
                <div id="color" onclick="getRandomColor()"></div>
            </center>
        </div>
    


  • style.css

  • #color {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 90px;
        font-weight: 900;
        mix-blend-mode: difference;
        cursor: pointer;
    }
    


    JavaScript의 경우 video을 확인하십시오.

    HTML CSS 및 JavaScript에서 임의 색상 생성기를 만든 것을 축하합니다 🥳

    좋은 웹페이지 즐겨찾기