목록Css (21)
진스
다른곳에서본 것들은 잘안된다.. 이건 됐음/ white-space: normal; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;
웹뷰 방식으로 작업하고 app에서 확인, 카톡브라우저에서도 동일하게 스크롤은 되지만 스크롤바가 나타나지 않음 ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); // -webkit-border-radius: 10px; // border-radius: 10px; } ::-webkit-scrollbar-thumb { // -webkit-border-radius: 10px; // border-radius: 10px; background: #ccc; // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } ::-..
보호되어 있는 글입니다.
a[경로] .ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }
https://css-tricks.com/css-only-carousel/ CSS-Only Carousel | CSS-Tricks It's kind of amazing how far HTML and CSS will take you when building a carousel/slideshow. css-tricks.com
CSS로 PC와 Mobile을 구분하는 방법 - Interaction Media Features 언제부턴가 "반응형 웹"이 대세가 되면서, 사용자의 디바이스에 따라서 웹 화면을 적절하게 구성하는 것이 필수 요소가 되었습니다. 일반적으로, 브라우저 창의 크기를 기반으로 디자인을 다르 paperblock.tistory.com 언제부턴가 "반응형 웹"이 대세가 되면서, 사용자의 디바이스에 따라서 웹 화면을 적절하게 구성하는 것이 필수 요소가 되었습니다. 일반적으로, 브라우저 창의 크기를 기반으로 디자인을 다르게 설정하는 방식을 많이 사용하고 있죠? 이 사이즈를 기준으로 PC 혹은 Mobile을 얼추 구분하기도 합니다. 대부분의 경우 창 크기에 따라서만 조절해도 큰 문제는 없습니다만, 가끔은 사용자의 디바이스가..
box1 box2 정리 위를 덮고 있는 영역에 아래만 추가하면 됨 pointer-events: none;