728x90 300x250 SMALL 전체 글1109 썸네일 클릭하면 풀스크린 모핑 팝업창 morphing modal 버튼을 클릭하면 풀스크린 모핑 팝업창이 뜨는 스크립트 데모https://codyhouse.co/demo/morphing-modal-window/index.html#0다운https://github.com/CodyHouse/morphing-modal-window 호환성 ie9+ Chrome+ Firefox+ Sapari+ Opera+참고 transition transform Velocity.js github에서 다운 받은 파일들을 각 위치에 맞게 넣어준다. 123456789101112131415161718192021222324252627282930313233 Lorem ipsum dolor sit amet, close Fire Modal Window Colored by Color Scriptercs 그리고 .. 2018. 12. 12. 구글 지메일 아웃룩(outlook) 연동하기 오늘은 구글 지메일을 아웃룩 연동하는 방법을 알아보겠습니다. 먼저 본인 지메일계정에 로그인 합니다. 우측 상단 톱니바퀴 모양의 설정을 들어간 후 상단에 전달 및POP/IMAP 탭으로 들어갑니다. POP 다운로드 상태를 모든메일에 POP 사용하기로 변경합니다. 그 다음 아웃룩에서 계정 추가를 실행하고내용을 입력해 줍니다. 지메일로 경고성 메일이 날라 오는데그 주소를 타고 들어가서보안 수준이 낮은 앱 허용 사용안함으로 해줍니다. http://myaccount.google.com/lesssecureapps 그러면 계정이 설정된것을 확인할 수 있습니다. 2018. 12. 11. 컨텐츠 안보이게 하는 여러가지 방법 :: css3 CSS3에서 컨텐츠를 안보이게 하는 방법은 여러가지가 있다. display : none; display : block; 영역 X / 애니메이션 효과 X visibility: hidden; visibility : visible; 영역 O / 애니메이션 효과 X opacity: 0; opacity:1; 영역 O / 애니메이션 효과 O ir effect (width:0; height: 0;) 2018. 12. 10. 접두사 벤더프리픽스 (Vendor Prefix) - webkit moz o ms css3의 표준안은 아직 표준 규약으로 확정된 것이 아니기 때문에 브라우저 별로 다르게 보입니다. 예전에 이렇게 브라우저별로 통일되지 않은 부분 때문에 정말 많은시간을 머리를 굴리며 고생고생하다가 결국 핵을 써가며지저분하게 코딩을 마무리 기억이 나네요아무튼 그래서 개발사들이 이런 상황에 대처하기 위해 css3표준안을 적용하기 이전에 브라우저에서 자체적으로 css3를 지원할 수 있는 접두어를 지원하게 됩니다.즉 브라우저별로 다르게 보이는 css3 표준안은 프리픽스를 앞에 붙여주고 나중에 표준이 정해지면 접두어가 붙은 속성은 무시 되고 알아서 표준 속성을 지원하게 됩니다. ▷ 접두사 -webkit- : 사파리, 크롬-moz- : 파이어폭스-o- : 오페라-ms- : 익스플로러css3 표준속성 순서가 중요한데.. 2018. 12. 9. 이전 1 ··· 269 270 271 272 273 274 275 ··· 278 다음 728x90 반응형 LIST
