# hover

seoyul0203

💡웹페이지에서✔️ (윗 코드경우)해당태그에 마우스를 올리면 설정해 놓은 태그가 2배로 커지며 커지는데 걸리는 시간은 0.5초.

miracle-21

위와 같은 이미지를 구현해보자. div.body 요소를 바탕으로 설정하고 안에 다른 요소들을 넣는다.div.colorBox, div.bottomContent 요소를 만든다.div.colorBox 안에는 컬러값이 들어있는 span 태그를 넣는다div.bottomConte

muchogusto

https://paperblock.tistory.com/164

jinyinshu

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

hongwr

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

yrats

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

dygreen

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

hylee0320

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

sinsin

underline animation

leyuri

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

alsanrlf

onMouse Event로 드롭다운 만들기

code_yoon20

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

wisdoom03

수업내용

soulty321

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

xxell-8

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

inusneo

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

songjy377

CSS의 선택자, 상속에 대해 다룬다.

xxhaileypark

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

maxkmh

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