JAVASCRIPT
삼항 연산자 와 transform transition 예문
Made Project
2020. 5. 19. 22:29
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;