css33 트랜지션 transition -webkit-transition: 1s; transition: 1s; 2020. 4. 2. 셀렉트 박스 텍스트 가운데 정렬 select { text-align-last: center; text-align: center; -ms-text-align-last: center; -moz-text-align-last: center; } 2020. 4. 2. 이미지 배율 조정 시 품질 관리 https://developer.mozilla.org/ko/docs/Web/CSS/image-rendering 2020. 4. 2. css 배경 확대/축소 animation #section1 .main-bg {width:100%; min-height:100%; background:url('../images/intro/intro_bg_01.jpg') center center no-repeat; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-animation:KEYFRAME 2.5s both; -moz-animation: KEYFRAME 2.5s both; -o-animation: KEYFRAME 2.5s both; animation: KEYFRAME 2.5s both} @-webkit-k.. 2020. 4. 2. 텍스트 드래그 drag 방지 -webkit-text-size-adjust: none; -webkit-user-select: none; 2020. 4. 2. 반응형 갤러리 리스트에서 이미지 사이즈 맞추고 가운데 정렬하기 //썸네일 이미지 가운데 조정 $(window).resize(function(){ //화면 사이즈 줄일때 실시간으로 적용 $(".event-image img").each(function(){ var ThumImgWidth = $(this).width(); var ThumImgLeft = -(ThumImgWidth/2); $(this).css({"left":ThumImgLeft}); }); }); $(".event-image img").each(function(){ $(this).load(function(){ //이미지가 로드되면 실행 var ThumImgWidth = $(this).width(); var ThumImgLeft = -(ThumImgWidth/2); $(this).css({"left":T.. 2020. 4. 2. 이전 1 2 3 4 다음
