웹디자인2 css: 마우스 hover시 이미지 앞뒤로 flip 만들기 (transform: rotateY()) 내가 나중에 보려고 만드는 포스팅~ front back 이미지 기본값 앞면 이미지는 위치 기본, 투명도1, 회전값 0, 맨 앞 뒷면 이미지는 위치 절대, 투명도0, 회전값 Y180도, 맨 뒤 이미지 hover시 위치 빼고 서로 반대로 설정. 컨테이너(wrap)에 backface-visibility: hidden; 설정. 2021. 6. 4. css : 마우스 올리면 밑줄 그어지게 하기 (:hover, :before/:after) 웹서핑 하다가 nav 부분에 마우스 호버하면 밑줄이 생기는 사이트를 보고 해본 적 없는 디자인이라 개발자모드로 들어가서 봤는데 hover 부분 코딩을 어케했는지 모르겠는거.. ㅠ 그래서 구글링해서 찾아봤습니다~ 은근 가지수가 많더라고요! 3가지 정도 정리해서 올려봅니당.. (내가 나중에 찾아보려고 만드는 포스팅 ㅋㅋ) 왼쪽에서 오른쪽으로 ABOUT US DESIGN CASE STORY CONTACT 가운데서 바깥쪽으로 ABOUT US DESIGN CASE STORY CONTACT 늘어났다 줄어들었다 ABOUT US DESIGN CASE STORY CONTACT 2021. 3. 24. 이전 1 다음
