첫 TIL ( CSS, hover, transition )

<div class="card">
      <div class="front">
        <img src="./img/cards1front.png" alt="">
      </div>
      <div class="back">
        <img src="./img/cards1back.png" alt="">
        <a class="card-link" href="https://github.com/Minsu1322"><img src="./img/giticon.png" alt=""></a>
      </div>
    </div>

.card:hover .card-link {
  transition: opacity 1.1s ease-in;
  opacity: 1;
  border-radius: 15px;
}

hover: 커서올리면 효과주는것 (클릭이랑 다름)!

hover가 발생시 .card-link선택자

transition
1. 효과를 적용시킬 속성
2. 변화하는데 걸리는 시간

transition-property