본문 바로가기
728x90
728x90

IT록17

[CSS/animation]애니메이션 마지막 상태 유지와 속성 애니메이션의 기본값은 반복이다 공부할 때 보다 작업하다가 알게되는 매직 역시 사람은 해봐야 학습이 되는구나.. 딱 1회만 진행되게 하고싶을 때, 혹여나 자바스크립트로 제어해야하나 싶었는데 CSS animation 속성에 제어할 수 있는 방법이 있었다. 짜란 animation-fill-mode 이 속성으로 애니메이션을 제어할 수 있다! 옵션은 아래와 같다 animatiln-fill-mode:backwards; /* 애니메이션 처음 상태의 css를 유지함*/ animatiln-fill-mode:forwards; /* 애니메이션 마지막 상태의 css를 유지함*/ animatiln-fill-mode:both; /* 처음+마지막 둘다 css를 유지함*/ animatiln-fill-mode:none; /* 무한 반.. 2021. 9. 17.
내가쓰는 reset.css @charset "utf-8"; /* ***************************************** ********************************** reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, t.. 2021. 7. 17.
웹접근성과 웹표준에 대해 웹접근성과 웹표준에 대해서 자꾸 망각하게 되는데 알기 쉽게 정리해보자! 웹접근성이란? 웹접근성은 웹 사이트에서 제공하는 정보를 차별과 제한 없이 동등하게 이용할 수 있도록 보장하는 것이다 장애인 및 고령자 등 포함된 모든 사람이 다양한 플랫폼 및 장치, 웹브라우저 등의 모든 환경을 이용이 가능할 수 있도록 하는 것이다 웹의 표준화 관련 국제 기구인 월드 와이드 웹 컨소시엄(W3C ; World Wide Web Consortium)에서는1990년대 중반 이후 폭발적으로 성장한 웹 서비스에서 장애인의 접근성에 관련된 문제가 발생하자, 1997년에 웹 접근성 이니셔티브(WAI ; Web Accessibility Initiative)라는 산하 단체를 설립하여 이 문제를 전문적으로 연구하기 시작했다 WAI는 웹 .. 2021. 7. 9.
reset CSS /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ==================.. 2021. 7. 6.
728x90
반응형