inline-block 여백 없애기 123.parent{display: flex;display: -moz-box;display: -ms-flexbox;}.parent .child{display:inline-block;} Colored by Color Scriptercs 부모에게 display : flex를 주고 브라우저별로 prefix 걸어줌. 퍼블리싱/CSS 2016. 6. 8. 17:20
radio, checkbox - 체크했을때 동작. 12345678910111213$('input.painok').click(function(){ var chk = $(this).is(":checked"); if(chk){ $('li.paintext').removeClass("disnone"); }})$('input.painno').click(function(){ var chk = $(this).is(":checked"); if(chk){ $('li.paintext').addClass("disnone") }}) Colored by Color Scriptercs 퍼블리싱/CSS 2016. 5. 4. 14:09
CSS - 박스섀도우 안에 넣는법 1box-shadow: inset 2px 2px 5px rgba(154, 147, 140, 0.5), 1px 1px 5px rgba(255, 255, 255, 1);cs박스 섀도우 안에 넣는법 퍼블리싱/CSS 2016. 3. 29. 17:34
checkbox 다른이미지로 교체 123 input#consultOk{display: none;} label{display: block;background: url("../img/check_off.png") no-repeat 95% center;background-size: 18px;text-align: right;padding-right: 15%;font-size: 14px;} input:checked + label{background: url("../img/check_on.png") no-repeat 95% center;background-size: 18px;}Colored by Color Scriptercs 퍼블리싱/CSS 2016. 3. 17. 13:22
tab css #1. HTML1234 오늘예정 전체Colored by Color Scriptercs #2. CSS123456789101112.tab-active{ border:1px solid #eaeaea; border-bottom:1px solid white; border-radius: 3px 3px 0 0; color:#2FADE7; border-top:3px solid #2fade7;}.tab-non-active{ border:none; color:#eaeaea; border-top:3px solid white;}cs #3. Result 퍼블리싱/CSS 2016. 2. 11. 15:14
box-sizing 1234567-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cs - 해당 박스의 padding값과 border값을 width에 포함시키지 않는다. 퍼블리싱/CSS 2016. 2. 11. 13:32
백그라운드이미지와 배경색을 겹치기 12345 background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/86637/wave.jpeg); background-color: #FF5AB0; background-blend-mode: overlay; Colored by Color Scriptercs 혹은 1234background: url("../img/center.jpg") no-repeat center center;background-color: rgba(0,0,0,.3);background-size: cover;background-blend-mode: multiply;cs 최근 아래쪽을 더 많이 이용한다. 퍼블리싱/CSS 2016. 1. 15. 10:30
고정페이지에서 스크롤 만들기 1234$('#infoSummaryWrap').css({ height:device_h, overflowY:"auto"})cs혹은1#infoSummaryWrap{height:100%; overflow-Y:auto}csCSS로 바로 주는게 더 좋은거같다. 서브메뉴 나왔을 때 1$("body").css({overflow:"hidden"});cs서브메뉴 닫았을 때 1$("body").css({overflow:"visible"});cs 화면고정시키고 overflow:hidden세로축만 스크롤 활성화 퍼블리싱/CSS 2016. 1. 14. 18:27