const CardContainer = styled.div`
transform: ${(props) => (props.isEvenNum ? "translateY(30px)" : 0)};
transition: transform 1s; - 속도를 나타냅니다. transition 의 속성 transform 1초입니다.
&:hover {
transform: ${(props) => (props.isEvenNum ? "translateY(20px)" : "translateY(-10px)")};
prosps.isEvenNum이 (?) 참이면 "translateY(30px) 으로 적용한다.
그리고. : (else)아니면 : "translateY(-10px)")}
if(a>b) 이면 참이면 연산자는 ?
else( ) 이걸뜻하는 연산자는 :
if (a>b){
c=50;
} else{
c=20;
}
(a>b)? c=50 : 20;
'JAVASCRIPT' 카테고리의 다른 글
삼항연산자 예문 추가 (0) | 2020.06.05 |
---|---|
자바스크립트 짝수로 표현 (0) | 2020.05.19 |
네브바 예제 (0) | 2020.05.16 |
슬라이더 예제 (0) | 2020.05.15 |
객체 - 객체 프로퍼티 접근 정리 (0) | 2020.05.09 |