본문 바로가기

반응형

CSS

(15)
[css] 디버깅 - class, id 등 같은 이름의 오타 없는지 확인 - 저장 하여 최신 소스로 view를 보고있는지 확인 - html과 css파일이 잘 연결 되어있는지 확인 (html의 head 태그안에 기입) - 다른 css에서 적용된 것이 겹친게 있는지 확인 출처 : https://www.youtube.com/watch?v=inP3ILAWEo4&t=184
[css] css 관련 요즘 추세 볼 수 있는 사이트 https://2021.stateofcss.com/en-US/technologies/pre-post-processors/ The State of CSS 2021: Pre-/Post-processors You can click on any technology name to get extra details and a more in-depth look at its related data. 2021.stateofcss.com
[css] cubic-bezier .box { animation-name: boxKeyframes; -webkit-animation-duration: 170ms; -webkit-animation-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); } @-webkit-keyframes boxKeyframes{ from{ background-color: rgba(0,0,0,0); } to { background-color: rgba(0,0,0,0.7); } } kutar37.tistory.com/entry/CSS-cubic-bezier%EB%9E%80 CSS : cubic-bezier란? cubic-bezier란? cubic-bezier() function은 CSS에서 transition..
[css] webkit keyframes .box { animation-name: boxKeyframes; -webkit-animation-duration: 170ms; } @-webkit-keyframes boxKeyframes{ from{ background-color: rgba(0,0,0,0); } to { background-color: rgba(0,0,0,0.7); } } 애니메이션 사용 선언
[CSS] 부트스트랩, materialize, semantic-ui 사이트 1. 부트스트랩 bootstrapk.com/ 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드 bootstrapk.com getbootstrap.com/docs/5.0/getting-started/introduction/ Introduction Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with jsDelivr and..

반응형