# hover
레이아웃, 선택자 2
css를 이용해서 단순한 문서 형태인 HTML을 보기 좋게 배치하고 재배열 하는 것관련 기능, 완성된 배열 등을 포괄적으로 지칭한다.(레이-아웃 : 출판/광고/건축 분야 등에서 문자/그림/사진 등을 지면 위에 시각적 효과와 사용 목적을 고려하여 구성/배열하는 일)전체
Front-end 국비지원 #052일
결과hover를 하게되면 투명도가 있는 배경이 이미지에 십자가모양으로 이펙트를 주게된다.HTMLCSSClass Top , Bottom 의 그림설명top은 넓이가 100%를 차지한다 높이는 50% 영역을 차지하고 하단에 위치한다. (위치가 헷갈릴듯.. 양해바람)botto
Front-end 국비지원 #049일
결과HTMLCSSscript어제 만든 불릿버튼 슬라이드와 코드는 거의 같다. 하지만 다른건 숫자 카운팅인데 크게 다르지 않게 만들었다. ex ) 불릿과 마찬가지로 addClass , removeClass 로 01/05 class=on02/0503/0504/0505/05
Front-end 국비지원 #042일
결과HTMLSCSS모바일 720px 사이즈로 메뉴바를 먼저 제작하였다. left 100%를 벗어난 영역에서 나타나는 효과를 만들기 위해 position: fixed; , display: none; , left: -100% 를 적용한다. left: -100% 로 나간 모
[CSS] "Tilde(~)"로 큰 박스에 마우스 올렸을 때, 작은 박스가 나타는 효과주기
큰 박스에 마우스 올렸을 때(hover), 작은 박스가 나타나는 효과 주기colorBox와 hex 요소는 colorbox-Wrap 이라는 부모의 자식 요소들이다. .colorBox:hover와 .hex를 Tilde(~)로 이어줌으로서 colorBox에 커서를 올려두기만
Flutter Hover 처리하기
앱만 개발할때는 몰랐다. 버튼에 hover 라는 처리가 있다는것을 앱을 개발할때는 사실 눌르면 눌림처리 혹은 페이지 전환이 다 였으니까.. 웹은 hover라는 영역이 존재하였다. 나는 hover를 구현하기 위해 TextButton을 사용하였다. (사실 hove
Day6 (CSS와 이벤트 버블링)
CSS margin : 외부 여백 상하는 입력한 것보다 작게 보일 수 있음 margin: 10px auto 이런식으로는 박스형태일때만 가능함, 주로 반응형 웹을 만들때 사용된다 block tag 많이 사용하는 방법 상하 여백을 지정하고 화면 중앙에 box를 배치하는
[CSS]transition-property,duration
무엇을 변경할 것인가?얼마 만큼의 시간을 가지고 css를 변경한 것인가?단위를 가지고 있으며 단위는 seconds(s) or milliseconds(ms)hover는 찰나의 순간에만 css가 바뀐것을 볼 수 있지만 transition은 시간을 조절하여 자세하게 확인 할
week1-자기소개 페이지 만들기(2)
이전에 올린 페이지의 사진을 클릭해서 링크를 타고 들어오면,위와 같은 페이지로 이동할 수 있다.css에서 Link class에 hover를 주어 마우스를 갖다대면 이미지가 서서히 확대되게 설정했다.다음은, 상단에 있는 ME MBTI등을 클릭하면 해당 위치로 이동하게 된
[CSS] 마우스 hover 효과 _텍스트 확대
💡웹페이지에서✔️ (윗 코드경우)해당태그에 마우스를 올리면 설정해 놓은 태그가 2배로 커지며 커지는데 걸리는 시간은 0.5초.
[문제][HTML/CSS]Wecolor Picker 컴포넌트
위와 같은 이미지를 구현해보자. div.body 요소를 바탕으로 설정하고 안에 다른 요소들을 넣는다.div.colorBox, div.bottomContent 요소를 만든다.div.colorBox 안에는 컬러값이 들어있는 span 태그를 넣는다div.bottomConte
