프로그래밍/HTML5 | CSS3 썸네일형 리스트형 CSS 아이폰 사파리 스크롤 가속화 div 등의 태그에 직접적으로overflow: auto나 scroll 을 넣어 스크롤을 만들면 iOS 사파리 브라우저에서넣어주는 스크롤 가속화가 동작하지 않게 될 수 있다! 가속화를 동작시키는 방법은 div {overflow: auto; -webkit-overflow-scrolling: touch;} overflow가 들어있는 요소의 CSS에저것만 추가해주면 끄읕~!★ 더보기 hover 할 때 텍스트가 위아래로 왔다갔다.. 선명했다 흐려졌다 하는 문제 해결 HTML, CSS로 인해 생기는 알 수 없는 문제는 정말되도록이면 만나고 싶지 않다! 태그를 잘못 썼든지 닫지 않았든지CSS를 어떻게 중첩으로 먹여 그랬든지.. 아아.. 알 수 없다. 아무튼 사건은 이랬다. div 박스에 이미지를 넣고 hover 하면흐려지면서 한가운데 텍스트가 보이는그런 흔한 이펙트 효과를 구현하고 있었다. 그런데 CSS를 다 주고 나서 hover를 했더니텍스트가 위아래로 춤을 추는 게 아닌가?! -ㅅ- 그 구조를 간단히 하자면 이러했다. HTML text CSS .text,.curtains {visibility: hidden;opacity: 0; .box:hover .text,.box:hover .curtains {visibility: visible;opacity: 0;} HTML t.. 더보기 CSS3로 영상 풀스크린 만들기 - 어떤 상황에서도 예쁘게 비율대로! Keyword - css youtube background cover HTML CSS * { box-sizing: border-box; }.video-background { background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99;}.video-foreground,.video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}#vidtop-content {top: 0;color: #fff;}.vid-info { position: absolute; top: 0; right:.. 더보기 이전 1 다음