visibility와 opacity의 차이를 물어보면 뭐라고 답할 수 있을까?
visibility는 discrete하고 opacity는 연속적이다.
그래서 애니메이션을 적용해야 할 때는 opacity property를 쓰게 된다.
되게 간단하지만
정신없이 개발하다 보면 순간 헷갈릴 수 있다...
그럴 때는 아래 사이트를 참고하면 된다.
https://www.quackit.com/css/css3/animations/animatable_properties/
CSS Animatable Properties
CSS Animatable Properties The following list contains all the animatable properties from CSS. These are the properties that can be used with CSS animations. Filter by: Property Animatable View background As each of the background-color, background-position
www.quackit.com
CSS 애니메이션 테스트 사이트
Animista
Animista - On-Demand CSS Animations Library
Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.
animista.net
난이도 높은 애니메이션을 실행시키기 너무 조흠
이해하기 어려운 animation-timing-function까지도 잘 표현해준다
아 진짜 너무 감사함...
'개발' 카테고리의 다른 글
| ESLint & Prettier - Airbnb (0) | 2024.07.08 |
|---|---|
| Complex Animations with Framer Motion (0) | 2024.07.08 |
| React Animate Presence (0) | 2024.07.07 |
| TypeScript와 React.FC (0) | 2024.07.07 |
| Web Accessibility (0) | 2024.07.04 |