퍼블리셔(프론트)23 javascript modal 모달창을 처음으로 해보았는데.. 1. html 구성 모달창열기 2. js 구성(modal popup 불러오기) $(".click_pop").click(function(e){ e.preventDefault(); var target = $(this).attr("href"); $("#clientEditorModal .modal-content").load(target, function() { $("#clientEditorModal").modal("show"); }); }); ※ 위 과정을 거치면 modal.html로 되어있던 페이지가 modal 창 내부에 load 되면서 페이지 속 페이지?의 개념으로 구성할수가 있다. key값하나만 넘겨주고 modal.html 내부에서 데이터를 지지고 볶고.. 그리고 만들어주면.. 2019. 9. 6. css gradient .gradient{ width: 100%; height: 100%; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradientBG 20s ease infinite; } @keyframes gradientBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } 출처 : https://codepen.io/P1N2O/pen/pyBNzX 2019. 8. 7. select2:focus outline remove 기본 select를 사용할경우에는 select:focus {outline:none} 을 사용하면 없어지지만 select2는 클래스를 지정해주어야한다. .select2-container *:focus {outline: none !important;} 2019. 7. 5. 크롬,사파리에서만 css 적용하기 @media screen and (-webkit-min-device-pixel-ratio:0) { } 2019. 6. 7. 이전 1 2 3 4 5 6 다음
