일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 참조자료형
- CSS
- useEffect
- react-router
- 자바스크립트
- 비동기
- 리액트
- scss
- 코딩공부
- 코린이
- http
- 타입스크립트
- 코딩기초
- 리덕스
- React Native
- git
- html기초
- JavaScript
- SasS
- 리액트 네이티브
- 깃
- 프론트엔드
- 사용하는 이유
- redux
- Vue3
- react
- 코딩초보
- 코딩독학
- TypeScript
- async
Archives
- Today
- Total
목록Perspective (1)
맨 땅에 프론트엔드 개발자 되기
코딩독학) CSS transform, transition 의 속성과 예제
CSS 공부를 하면서 아마 가장 재미있었던 부분이 transition과 transform을 공부했을 때 였던 것 같다. 시각적으로 가장 눈에 띄고 재밌는 효과를 줄 수 있는 부분이 많아서 였던 것 같다. transform 은 대상자의 모양을 변형시키는 속성이고, transition은 그 대상자의 모양이 변형되는 지속시간을 설정하는 속성이다. Transform의 속성들과 예제들 transform의 속성 transform의 속성에는 아래와 같은 것들이 있다. translate : translate은 한국어로 하면 '번역하다' 라는 뜻이지만, 기본 의미 원형에는 '옮기다'라는 뜻이 있다. 그래서 말 그대로 옮기는 속성이다. scale : 대상의 크기를 배수로 확대/축소하는 속성이다. rotate : 대상을 회..
코딩 공부 일지/CSS3 & SASS(SCSS)
2022. 1. 24. 17:58