[CSS] - transform rotate(360deg)

조가든·2022년 9월 20일
0

css

목록 보기
9/14
post-thumbnail

rotate(360deg)

.sns a .fa-brands {
    position: relative;
    transition: 0.5s;
}

.sns a:hover .fa-brands {
    transform: rotateY(360deg);
    color: #fff;
}
  • y축을 기준으로(세로로) 360도 회전을 하는데 a태그에 transition을 줬으니 360도 회전을 하는데에 지연시간을 줌
profile
jo_garden

0개의 댓글

관련 채용 정보

Powered by GraphCDN, the GraphQL CDN