# hover
[CSS] 마우스 hover 효과 _텍스트 확대
💡웹페이지에서✔️ (윗 코드경우)해당태그에 마우스를 올리면 설정해 놓은 태그가 2배로 커지며 커지는데 걸리는 시간은 0.5초.

[문제][HTML/CSS]Wecolor Picker 컴포넌트
위와 같은 이미지를 구현해보자. div.body 요소를 바탕으로 설정하고 안에 다른 요소들을 넣는다.div.colorBox, div.bottomContent 요소를 만든다.div.colorBox 안에는 컬러값이 들어있는 span 태그를 넣는다div.bottomConte
Comment, Comments (2)
들어가기(1)에서 server에서 seeFeed로 Photo를 return받을떄, Photo에 comments, commentNumber도 같이 return 받을 수 있게,server에서 설정하고 Home.js에서 seeFeed가 실행될 때,comments, comme
2022 04 29 CSS
수직 정렬을 할 때 쓴다.hover는 마우스를 올렸을 때 다른 동작을 하도록 만드는 것이다.그냥 hover를 쓰는 것은 문제가 없으나, 호버 해당 부위를 설정할 때는 이런 식으로 써야한다.여기서 자세히 보기https://studiomeal.com/archive

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

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

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

[CSS] 크롬 개발자 도구에서 hover 마우스 오버 상태 확인하는 방법
hover 관련한 CSS를 추가하는 작업을 해야 했다. 테스트를 위해서 개발자 도구를 사용하려고 했지만, 동시에 함께 클릭할 수 없었다.

밑줄이 생기는 버튼을 만들어보자
div 태그를 하나 만들어준다.특별할 것 없는 디자인을 해준뒤css 가상 선택자를 통해 요소를 하나 만들어주고 처음 scale을 0 으로 만들어주고 transition을 설정해 줬다마우스를 올렸을때 scale을 1로 갖게 설정 해줬다.
Swiper 이벤트 호출, CSS hover 텍스트 밑줄, 제이쿼리 가상 요소 제어관련
Swiper 슬라이드가 넘어갈 때 event 만들기, hover 텍스트 밑줄 애니메이션, 제이쿼리 가상요소(before, after) 컨트롤하기

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

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