본문 바로가기
css

이 놀라운 호버 효과로 어떻게 로고를 디자인할 수 있을까요?

by code-box 2022. 3. 9.
반응형

img

알아?

이렇게 로고를 디자인하는 방법은 무엇입니까?

이러한 놀라운 호버 효과로 로고를 디자인하는 방법은 무엇일까요?

상자 모양을 사용하여 객체를 설계할 수 있습니다.

<div class="content-ad"></div>

![Image description](https://res.cloudinary.com/practicaldev/image/fetch/s--cN7Luq1---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ghupehn4vxojs8tt6k1w.png)

 호버에서 "inset" 키워드만 사용하면 됩니다!

 ![Image description](https://res.cloudinary.com/practicaldev/image/fetch/s--rIaVTwhV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fvtetzpckqodbsjdewlx.png)

 전체 코드를 원하시면 GitHub 링크를 올렸습니다.

  GitHub 링크:
  https://github.com/Dhananjaywarade/Nemorphism-logo-design.git

  <div class="content-ad"></div>

  하지만 당신이 좋아한다면, 꼭 그렇게 하세요.

  - GitHub에서 나를 팔로우하세요.

  끝까지 있어줘서 정말 고마워.

댓글