광주시로고1 [CSS] Transition Animation 광주시 마우스 닿으면 위로 올라가며 바뀌는 로고 애니메이션 효과/HTMl 파일 공유 [CSS] Transition Animation 광주시 마우스 닿으면 전환되는 애니메이션 효과 오늘은 경기광주시청 홈페이지 내에 있는 애니메이션 전환 효과를 알려드리고자 해요. 들어간 효과가 어떤 것인지 살펴볼까요? 위 영상에서 보이는 것처럼 1. 박스에 닿을 때 박스가 올라가는 애니메이션 효과 2. 박스에 닿을 때 박스 색이 바뀌는 효과 3. 박스에 닿을 때 로고와 텍스트가 올라가고 내려가는 전환 효과 4. 그림자 효과 등이 있을 것 같아요. 그럼 순서대로 정리해보도록 해요! 하나씩 하나씩 기본 구조를 먼저 작성해보고 스타일을 적용해볼게요~ 1. body 기본구조 타이틀 적기 광주시에 오신 것을 환영합니다. 2. 폰트 연결 딱 봐도 지마켓 산스 폰트길래 폰트링크를 가져와주었어요. /*G마켓 폰트 CDN.. 2023. 5. 12. 이전 1 다음
