# hover

30개의 포스트

모바일 호버

https://paperblock.tistory.com/164

5일 전
·
0개의 댓글

Comment, Comments (2)

들어가기(1)에서 server에서 seeFeed로 Photo를 return받을떄, Photo에 comments, commentNumber도 같이 return 받을 수 있게,server에서 설정하고 Home.js에서 seeFeed가 실행될 때,comments, comme

2022년 5월 8일
·
0개의 댓글
post-thumbnail

2022 04 29 CSS

수직 정렬을 할 때 쓴다.hover는 마우스를 올렸을 때 다른 동작을 하도록 만드는 것이다.그냥 hover를 쓰는 것은 문제가 없으나, 호버 해당 부위를 설정할 때는 이런 식으로 써야한다.여기서 자세히 보기https://studiomeal.com/archive

2022년 4월 28일
·
0개의 댓글
post-thumbnail

🎉 가상 클래스 선택자

!youtubeUK9GF5Kg\_\_A:link - 방문한 적이 없는 링크:visited - 방문한 적이 있는 링크:hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 위의 선택자는 순서대로 지정하는 것이 좋습니다. 특히 visited의 경우

2022년 4월 22일
·
0개의 댓글
post-thumbnail

CSS Hover 효과연습

transition에 width와 height의 속도를 다르게 적용하는 방법

2022년 4월 18일
·
0개의 댓글

[jQuery] 이벤트들, index(), $(this) 정리

: mouseenter + mouseleave: 기본기능(default)이 있는 태그에 대해서 기능을 못하게 막는다.예를들어, a태그가 걸려있는 곳에 이벤트를 주면 a태그가 가장 우선순위에 있어서, 이벤트 명령이 작동하지 않는다. 따라서 기본기능을 작동하지 않도록 막는

2022년 4월 12일
·
0개의 댓글
post-thumbnail

css hover

hover 정의 및 사용법 > :hover 선택기는 요소 위에 마우스를 놓을 때 요소를 선택하는데 사용됩니다. 🍭Tip : 방문하지 않은 페이지에 대한 링크의 스타일을 지정하려면 :link 선택기를 사용하고, 방문한 페이지에 대한 링크의 스타일을 지정하려면 :vis

2022년 3월 13일
·
0개의 댓글

[css] hover 시 underline 애니메이션

underline animation

2022년 3월 10일
·
0개의 댓글
post-thumbnail

[CSS] 크롬 개발자 도구에서 hover 마우스 오버 상태 확인하는 방법

hover 관련한 CSS를 추가하는 작업을 해야 했다. 테스트를 위해서 개발자 도구를 사용하려고 했지만, 동시에 함께 클릭할 수 없었다.

2022년 2월 23일
·
0개의 댓글
post-thumbnail

밑줄이 생기는 버튼을 만들어보자

div 태그를 하나 만들어준다.특별할 것 없는 디자인을 해준뒤css 가상 선택자를 통해 요소를 하나 만들어주고 처음 scale을 0 으로 만들어주고 transition을 설정해 줬다마우스를 올렸을때 scale을 1로 갖게 설정 해줬다.

2022년 1월 22일
·
0개의 댓글

22.01.19 +

수업내용

2022년 1월 19일
·
0개의 댓글
post-thumbnail

창작버튼 만들기

2021년 11월 21일
·
0개의 댓글
post-thumbnail

Pseudo-classes

Pseudo-classes (의사 클래스) 알아보기

2021년 11월 15일
·
0개의 댓글

[CSS] 이미지 Hover 효과

영화 포스터 이미지에 마우스 오버를 했을 때, 영화 정보를 표시할 수 있는 hover 기능을 사용해보겠습니다.

2021년 11월 7일
·
0개의 댓글

Swiper 이벤트 호출, CSS hover 텍스트 밑줄, 제이쿼리 가상 요소 제어관련

Swiper 슬라이드가 넘어갈 때 event 만들기, hover 텍스트 밑줄 애니메이션, 제이쿼리 가상요소(before, after) 컨트롤하기

2021년 10월 3일
·
0개의 댓글
post-thumbnail

Project #1. 자기소개 페이지 만들기 (2) - Grid box와 마우스오버 효과, 하단 Footer

간단한 자기소개 웹페이지 하나 만드는 데도 좌절의 연속 또르르...!멋진 웹페이지를 만들기 위해서는 자바스크립트를 사용해야할 것 같다. 나는 아직 자바스크립트를 공부하지 않아서 HTML과 CSS로만 만들고 있다. Grid와 마우스오버 효과구글링을 통해 다른 분들이

2021년 9월 20일
·
0개의 댓글
post-thumbnail

CSS 05 의사 클래스 pseudo-class

선택하고자 하는 HTML 요소의 특별한 '상태(state)'를 명시할 때 사용 선택자:의사클래스이름 {속성: 속성값;} 선택자.클래스이름:의사클래스이름 {속성: 속성값;} 선택자#아이디이름:의사클래스이름 {속성: 속성값;} 1. 동적 의사 클래스(dynamic pse

2021년 8월 17일
·
0개의 댓글