'CSS' 태그의 글 목록

loading spinner markup css example

https://tobiasahlin.com/spinkit/ SpinKit Simple CSS Spinners tobiasahlin.com 응용

WEB/CSS 2020. 1. 22. 10:30

타이핑 애니메이션 (Typing jquery)

@import "compass/css3"; @mixin keyframes($animationName) { @-webkit-keyframes #{$animationName} { @content; } @-moz-keyframes #{$animationName} { @content; } @-o-keyframes #{$animationName} { @content; } @keyframes #{$animationName} { @content; }} html,body { font-family: sans-serif; height: 100%; margin: 0; background-color: rgba(108, 201, 235, 1); @include filter-gradient(#6cc9eb, #3da2dd, hor..

WEB/jQuery 2018. 10. 10. 16:13

레이어 바깥 클릭 시 레이어 사라지게 하는 방법

$(document).mouseup(function(e){var container = $("해당레이어 아이디");if(container.has(e.target).length===0)container.hide();});

WEB/jQuery 2018. 10. 5. 00:47

iOS에서 작동하지 않는 jQuery 클릭 이벤트

최근에 클라이언트 용 웹 앱에서 작업 할 때 비 앵커 요소에 추가 된 모든 클릭 이벤트가 iPad 또는 iPhone에서 작동하지 않는 것으로 나타났습니다. 모든 데스크톱 및 기타 모바일 장치는 정상적으로 작동했지만 Apple 제품이 가장 널리 사용되는 모바일 장치이므로 고정적으로 사용해야했습니다.JQuery에서 클릭 핸들러가 할당 된 비 앵커 요소에는 onClick 속성이 있어야합니다 (아래처럼 비어있을 수 있음).onClick="" 또는요소 css에는 다음 선언이 있어야합니다.cursor:pointer 출처 https://code.i-harness.com/ko-kr/q/489031

WEB/jQuery 2018. 9. 28. 17:59

ajax 동적으로 화면 뿌려준 후 이벤트

$(셀렉터).click(function(){}); 으로 하면 이벤트가 안먹힌다. 고로 $(document).on("click","셀렉터",function(){.....})

WEB/jQuery 2018. 9. 28. 17:49

input form autocomplete 자동완성 기능 사용여부 지정

autocomplete 속성은 자동완성 기능의 사용여부를 지정합니다.IE의 경우 사용자의 편의를 위하여 입력박스에서 자동완성기능을 제공합니다. 그러나 보안이 필요로 하는 곳에서는 이 기능을 강제적으로 막을 필요가 있습니다. form 전체에서 autocomplete 기능을 제거특정 form 요소에서만 autocomplete 기능을 제거

WEB/HTML 2018. 3. 20. 22:34

버튼 클릭시 같은 순서 이미지 보이기, 버튼문구 제목에 넣어주기

.pop-rcpt{display:none;text-align:center;}.pop-rcpt img{max-width:100%;height:auto;}.pop-rcpt01{display:block;}.pop-rcpt-btn{display:inline-block;width:120px;height:35px;line-height:35px;border:1px solid #000;text-align:center;margin-left:30px;}.pop-rcpt-btn01{margin-left:0;}.pop-rcpt-btn.on{background:yellow;}.pop-rcpt-btn-box{margin-bottom:10px;} //영수증1영수증1영수증2통장사본창 닫기 //$(".pop-rcpt-btn").cli..

WEB/jQuery 2018. 1. 12. 17:38

양쪽정렬 꿀팁

상 품 명11 [스타벅스] 까페 아메리카노T 상 품 명122 [스타벅스] 까페 아메리카노T 상 품 명13 [스타벅스] 까페 아메리카노T//스타일*{ box-sizing:border-box; padding:0; margin:0;}.og-info-box--dl{ overflow:hidden;}.og-info-box--dl dd,.og-info-box--dl dt{ float:left;}.og-info-box--dl dt{ width:26%; position:relative; text-indent:3%; color:#0b6267; font-weight:bold;}.og-info-box--dl dt:before { content: "-"; position: absolute; left: 0; color:#0b62..

WEB/CSS 2018. 1. 9. 11:30

ios 미디어 쿼리 분기점

/* 스마트폰 (가로 및 세로) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* 사용자 코드 */ } /* 스마트폰 (가로 ) ----------- */ @media only screen and (min-width : 321px) { /* 사용자 코드 */ } /* 스마트폰 (세로) ----------- */ @media only screen and (max-width : 320px) { /* 사용자 코드 */ } /* 아이패드 (가로 및 세로) ----------- */ @media only screen and (min-device-width : 768px) and (ma..

WEB/CSS 2017. 11. 10. 17:57

하이차트(차트,그래프 플러그인)

-highchartshttps://www.highcharts.com/demo 바 차트, 레이더 차트 작업시 사용했는데 amcharts 보다 좋은것 같다~ -amchartshttps://www.amcharts.com/demos/

WEB/jQuery 2017. 10. 20. 17:13

webflower

CSS 검색 결과