Light Purple Pointer

transtion

📌  애니메이션 효과 주기CSS로 애니메이션 효과를 주려면1. 시작전 class 명2. 애니메이션 끝난 후 class명3. 그리고 원할 때 2번 class명 부착4. 시작전 class 명에 transition 속성을 주면 부드럽게 애니메이션이 완성된다. .start .end 에 대한 스타일을 미리 만들어 놓고, 모달창이 열렸을 때만 .end 클래스를 부착한다.   (CSS).start { opacity: 0; transition: all 1s;}.end { opacity: 1;} HTML 속성에 데이터바인딩하려면:속성="데이터이름" class 명을 조건부로 넣으려면 => 조건이 true 일 때 클래스명이 부착된다 ex):class=" { end: true } "end라는 클래스명이 항..
김나나_
'transtion' 태그의 글 목록