블로그
- [CSS]transition, transform, will-change (애니메이션/성능 태그) 1. transition (애니메이션의 과정) 상태가 변할 때(예: 마우스를 올렸을 때) 얼마나 부드럽게 변할지 결정 transition-property: 효과를 적용할 대상 (예: all, transform, background-color) transition-duration: 애니메
- HTML / CSS / Height Transition(Animation) accordion menu 강의 보고 기억 더듬으며 구현하려고 했는데 height 값이 생각처럼 동작하지 않았다. 트랜지션을 적용하려고 했을 때 부드럽게 펴지는 게 아닌 갑자기 툭하고 순간적으로 펼쳐지고 접히고 하는 문제였다. 검색으로 알아본바로는 maxHeight 이런걸 써서 하라고는
- [공부 기록용] 웹 프론트엔드(230412) - CSS / Python / Git HTML과 CSS를 배우는 코코아 클론에서는 고급 CSS 부분을 배웠다. 전에 다른 책으로 접했던 부분인데, 역시 차근차근 설명해주는 걸 듣는 게 더 확실히 기억에 남는듯 싶다. Function return문 f-string if 조건문 [ 출처 : https://nomadcoders.co/python-for-beginners ] Transition Transform
- #30 웹 개발 CSS 강좌 - transform & transition 뭐 요즘 바쁘니까 그렇다 치고, 어느덧 CSS 강좌의 막바지에 다다랐습니다. 바로 transform(변형)과 transition(변환 효과). 이를 이용해 간단한 애니메이션을 만들 수 있습니다.