본문 바로가기

JAVASCRIPT

삼항 연산자 와 transform transition 예문

const CardContainer = styled.div`

  transform${(props=> (props.isEvenNum ? "translateY(30px)" : 0)};

  transitiontransform 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