CSS3 [소스공유] tab 클릭시 페이지 이동, 스크롤시 메뉴 탭 위에 붙는 소스 navigation responsive codepen.io html/css/js 1. 소스공유 간단한 홈페이지를 만들때 많이 쓰이는 형태입니다. TAB클릭시 페이지 이동이 됩니다. 스크롤을 내리면 전체 내용을 볼 수 있고, 탭을 클릭하면 해당 페이지로 이동합니다. 1) tab 클릭시 페이지 이동, 스크롤시 메뉴 탭 위에 붙는 소스 codepen.io 2) 소스보기 See the Pen Sticky Slider Navigation (Responsive) by Ettrics (@ettrics) on CodePen. 2. 소스 다운로드 2022. 3. 8. background-color 배경 없애기 & 부모요소 상속 반응형홈페이지 작업할때 pc에서는 배경을 넣고 모바일에서는 배경을 넣고 싶지 않을때 모바일에서 색상을 지정하지 않고 싶을때 transparent 를 써줍니다. background-color:transparent; 부모요소 속성값 상속받기 background-color:inherit; 2021. 10. 21. 웹디자인 반투명 경계선 border hals 적용 css, 흰색배경에 반투명 경계선 문제 빨간색 배경에 흰색 경계선 스타일이라고 해보자. border:10px solid hsla(0,0%,100%,.5); background:white; hsla 경계선을 만들어준다 했는데 경계선으로 나오지 않는다 적용이 되지 않은건 아니고 배경이 경계선 영역 아래로 확장된 것이다. 흰색배경에 반투명 경계선이면 아예 적용이 안된 것처럼 보일것이다. 그래서 이렇게 적용해준다. border:10px solid hsla(0,0%,100%,.5); background:white; background-clip:padding-box; 패딩 padding 모서리에서 배경을 자라내도록 하는 것으로 배경이 경계선 아래로 확장되는것이 싫을때도 이렇게 적용하면 된다. background-clip:padding-box; borde.. 2021. 5. 12. 이전 1 다음
