# hover

45개의 포스트

230303 day4

video 태그

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

레이아웃, 선택자 2

css를 이용해서 단순한 문서 형태인 HTML을 보기 좋게 배치하고 재배열 하는 것관련 기능, 완성된 배열 등을 포괄적으로 지칭한다.(레이-아웃 : 출판/광고/건축 분야 등에서 문자/그림/사진 등을 지면 위에 시각적 효과와 사용 목적을 고려하여 구성/배열하는 일)전체

2023년 2월 20일
·
0개의 댓글
·
post-thumbnail

JQuery를 이용해 커서 잔상 이펙트 만들기

마우스 커서가 움직일 때 잔상을 남기는 이펙트 만들기

2023년 2월 9일
·
0개의 댓글
·
post-thumbnail

Front-end 국비지원 #052일

결과hover를 하게되면 투명도가 있는 배경이 이미지에 십자가모양으로 이펙트를 주게된다.HTMLCSSClass Top , Bottom 의 그림설명top은 넓이가 100%를 차지한다 높이는 50% 영역을 차지하고 하단에 위치한다. (위치가 헷갈릴듯.. 양해바람)botto

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

Front-end 국비지원 #049일

결과HTMLCSSscript어제 만든 불릿버튼 슬라이드와 코드는 거의 같다. 하지만 다른건 숫자 카운팅인데 크게 다르지 않게 만들었다. ex ) 불릿과 마찬가지로 addClass , removeClass 로 01/05 class=on02/0503/0504/0505/05

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

[CSS] "Tilde(~)"로 큰 박스에 마우스 올렸을 때, 작은 박스가 나타는 효과주기

큰 박스에 마우스 올렸을 때(hover), 작은 박스가 나타나는 효과 주기colorBox와 hex 요소는 colorbox-Wrap 이라는 부모의 자식 요소들이다. .colorBox:hover와 .hex를 Tilde(~)로 이어줌으로서 colorBox에 커서를 올려두기만

2022년 12월 12일
·
0개의 댓글
·

Flutter Hover 처리하기

앱만 개발할때는 몰랐다. 버튼에 hover 라는 처리가 있다는것을 앱을 개발할때는 사실 눌르면 눌림처리 혹은 페이지 전환이 다 였으니까.. 웹은 hover라는 영역이 존재하였다. 나는 hover를 구현하기 위해 TextButton을 사용하였다. (사실 hove

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

Day6 (CSS와 이벤트 버블링)

CSS margin : 외부 여백 상하는 입력한 것보다 작게 보일 수 있음 margin: 10px auto 이런식으로는 박스형태일때만 가능함, 주로 반응형 웹을 만들때 사용된다 block tag 많이 사용하는 방법 상하 여백을 지정하고 화면 중앙에 box를 배치하는

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

[CSS]transition-property,duration

무엇을 변경할 것인가?얼마 만큼의 시간을 가지고 css를 변경한 것인가?단위를 가지고 있으며 단위는 seconds(s) or milliseconds(ms)hover는 찰나의 순간에만 css가 바뀐것을 볼 수 있지만 transition은 시간을 조절하여 자세하게 확인 할

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

Google 메인화면(html+css)

구글 메인페이지 만들기 ㄷㄷㄷ(보이는 화면이 전부..)이정도면 네카라쿠차 카카라쿠차 ssap 가능?

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

week1-자기소개 페이지 만들기(2)

이전에 올린 페이지의 사진을 클릭해서 링크를 타고 들어오면,위와 같은 페이지로 이동할 수 있다.css에서 Link class에 hover를 주어 마우스를 갖다대면 이미지가 서서히 확대되게 설정했다.다음은, 상단에 있는 ME MBTI등을 클릭하면 해당 위치로 이동하게 된

2022년 7월 29일
·
0개의 댓글
·

[CSS] 마우스 hover 효과 _텍스트 확대

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

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

[문제][HTML/CSS]Wecolor Picker 컴포넌트

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

2022년 5월 25일
·
0개의 댓글
·

모바일 호버

https://paperblock.tistory.com/164

2022년 5월 11일
·
0개의 댓글
·