CSS) Media Queries
2020. 11. 1. 19:35
Frontend
media queries 함수로 시작하기 맥스 너비가 400px 이하이면 켜짐 min-width and max-width 같이 주기 여러개 동시에 주기 아래처럼 하면 작동안됨 가장 밑에 것만 작동됨 아래처럼 해야 연속으로 작동 가로이면 작동 세로는 portrait 가로는 landscape min-device-width CSS media MDN @media @media CSS @규칙은 스타일 시트의 일부를 하나 이상의 미디어 쿼리 결과에 따라 적용할 때 사용할 수 있습니다. developer.mozilla.org @media print @media screen 은 화면용 @media print 는 출력용
CSS) Animation
2020. 11. 1. 19:15
Frontend
keyframes 만들기(함수 만드듯이) img에 키프레임 넣어주기 infinite 3개 이상 넣기 rotate와 translate 추가 자연스럽게 되돌아오게 하기 5단계로 border-radius 추가 2단계일때는 from -to 3단계 이상일 때는 0% ~ 100% css 애니메이션 사이트 Animista Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use. animista.net cf) opacity를 같이 사용하면 더 좋음