반응형 Transition1 이미지 유형02 사이트 만들기 : 이미지 유형2 3개의 마우스오버 설정이 적용된 이미지 유형입니다. HTML 3개의 article 영역과, 이미지 유형 1번과 다르게 html에 직접적으로 img태그를 넣어 이미지를 삽입하였습니다. 고슴도치 고슴도치의 가시는 주인도 찌를 수 있으니 항상 조심해야해요! 고슴도치 1기 동동일 자세히 보기 고슴도치 2기 동동이 자세히 보기 고슴도치 3기 동동삼 자세히 보기 CSS 이번 이미지 유형은 마우스 오버 효과를 넣어 이미지 위에 마우스를 올려놓으면, 이미지 설명과 자세히 보기 텍스트가 안으로 천천히 나타나도록 설정하였습니다. 이미지 또한, 마우스 오버시 천천히 확대되도록 transform, transition 속성을 사용하여 설정하였습니다. 텍스트 박스에 blur 효과를 주어 좀 더 감.. 2022. 8. 17. 이전 1 다음 반응형
