2020-01-07
정리
: Javascript30을 공부한 내용 기록
transform 속성은 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있다.
.panel > *:first-child {
transform: translateY(-100%);
}
.panel.open-active > *:first-child {
transform: translateY(0);
}
.panel > *:last-child {
transform: translateY(100%);
}
.panel.open-active > *:last-child {
transform: translateY(0);
}
속성 접근자는 점 또는 괄호 표기법으로 객체의 속성에 접근할 수 있도록 해준다.
const toggleActive = (value) => (panel) => {
value.propertyName.includes('flex') && panel.classList.toggle('open-active');
};
👋