728x90 반응형 CSS3 [JS] input 화살표 없애기 input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } 2021. 11. 9. [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 사용할 모듈 설치 ㄱㄱ ( vue-router , jquery ) npm install --save vue-router npm install jquery --save npm i -g npm-check-updates 사용할 vue 파일 4개 + Nav 파일 + router.js 파일 생성 router.js import Vue from 'vue' import Router from 'vue-router' import page1 from './views/page1.vue' import page2 from './views/page2.vue' import page3 from './views/page3.vue' import page4 from './views/page4.vue' Vue.use(Router) expor.. 2021. 5. 7. FadeIn 효과 /* FadeIn 효과 ( class에 추가해서 효과를 줄 수 있음 ) */ .image_fadein { -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { f.. 2020. 5. 6. 이전 1 다음 728x90 반응형
