html title subject title subject title subject 01 css .visual-wrap{position: relative;} .visual{position: relative;width: 100%;height: 790px;overflow:hidden;} .slide-con{position:relative;z-index:1;width:100%;height: 790px;background-position: center;background-repeat: no-repeat;background-size: cover;} .slide-con01{background-image:url(/include/img/main-visual01.png);} .slide-con02{background-i..
function timeLine(){ $('.twit-con').bind('DOMNodeRemoved', function() { $('#twitter-widget-0').contents().find('.timeline-Header-title').css({'font-size':'24px', 'font-weight':'400', 'font-family':'Noto Sans KR'}); }) } iframe으로 불러오는 경우 도메인이 다르면 css 적용이 안되는데 jquery로 수정할 수 있음 1. iframe으로 불러오는 경우 //html //js $("#iframe").one("load", function() { $("#iframe").contents().find(/*something*/).remove()..
둘다 오픈소스이며 상업용으로 사용 가능 어도비와 구글이 공동으로 만든 폰트 582개 언어를 표현할 수 있음 (폰트가 깨지면 ㅁ으로 표현되는데 이것을 Tofu 두부라고 불렀음. Noto는 No tofu의 줄임말로 어떤 언어를 써도 폰트가 깨지지 않는 혁신적인 폰트) Noto Sans KR 설명 및 다운로드가 한국어로 되어 있음 Noto Sans CJK KR C: 중국 / J: 일본 / K: 한국 을 통합한 폰트 Noto Sans KR의 확장 버전 옛 우리 글자까지 표현 가능하고 모노타입 폰트 제공
object-fit 이미지나 vod 등의 요소 콘텐츠 크기를 조절해 영역에 맞추는 것 (IE에서는 사용 X) 이미지에 width값과 height값이 주어져 있어야 함 object-fit : fill; object-fit : contain; object-fit : cover; object-fit : none; object-fit : scale-down; object-postion object-fit을 이용했을 때 cover나 none속성으로 이미지가 잘려져서 보일때 보여질 위치를 이동하는 속성 *참고 https://developer.mozilla.org/ko/docs/Web/CSS/object-fit https://ossam5.tistory.com/124
/* Change the color to your own background color */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #fff !important; } 참고 https://m.blog.naver..
function Accordion(){ $('.btn-acco').off().on('click', function(e){ $(this).parent('li').toggleClass('on'); $('.btn-acco').not(this).parent('li').removeClass('on'); $(this).next('.acco-con').stop().slideToggle(); $('.btn-acco').not(this).next('.acco-con').stop().slideUp(); }); }