# keyframes

6개의 포스트
post-thumbnail

210707 개발일지

웹 프로그래밍, html, css, 애니메이션, transform, transition, animation, 실습

2021년 7월 7일
·
0개의 댓글
post-thumbnail

TIL 5. CSS 애니메이션 : transition과 keyframes

Transition : we can animate a change from one state to the other. transition이라는 property는 state(ex. :hover)가 없는 element에다가 넣어야 한다.(일종의 부모 element) 그리

2021년 5월 4일
·
0개의 댓글

[CSS]loading animation

로딩화면에서 사용되어지는 360도로 반복해서 회전하는 애니메이션을 @keyframes을 이용해 만드는 것을 통해 CSS의 주요 속성중의 하나인 @keyframes의 사용법을 학습한다.

2021년 5월 3일
·
0개의 댓글

React 기초다지기 #3

keyframes: 이미 styled-components안에 포함이 되어있다.웹에서 애니메이션을 구현할 때에는 animation & transition 둘을 사용한다.Keyframes은 animation 속성중 하나이다.transition은 단순한 변화, animati

2021년 3월 30일
·
0개의 댓글
post-thumbnail

Styled-Component에서의 코드 품질 향상을 위한 고민

나는 요즘 개인프로젝트로 React UI 컴포넌트 프로젝트를 하고 있다. 프로젝트라기보다는 개인적으로 좋아하는 UI부분이기에 취미?로 하고 있다. React, TypeScript, Styled-Component를 활용한다. github: https://gith

2020년 8월 5일
·
0개의 댓글