inline-flex와 order 속성을 통해서 CSS 만으로 순서를 변경하였군요..
이제 이정도는 스크립트의 도움없이도 가뿐하게....ㅎ
-ms- 사용시 IE10 이상 사용 가능.
간단한 사용 예제 및 Demo
See the Pen Source Order by Adrian Roselli (@aardrian) on CodePen.
'Dev. 웹 > Front-end 웹개발을 위한 codepen' 카테고리의 다른 글
| [2015.10.26] 착시현상을 이용한 원형 움직임 (0) | 2015.10.26 |
|---|---|
| [2015.10.16] 눈에 확 띄는 a 태그 표현 (0) | 2015.10.16 |
| [2015.10.12] 네비게이션 아이디어 - display : flex 를 활용한 dynamic show navigator (0) | 2015.10.12 |
| [2015.10.08] React.js + Babel + Stylus 활용 예제 - 리스트 출력 (0) | 2015.10.08 |
| [2015.10.07] CSS3 transform활용 animation welcome 버튼 (0) | 2015.10.07 |