Как с помощью flexbox сделать так, чтобы элементы шли против часовой стрелки?

Question

[GreenMan1899]

https://codepen.io/anon/pen/NgjLPm

Answer 1

[Андрей]

Мой вариант

Answer 2

[Владимир]

Flex-direction: column-reverse
Column-count:2
Direction: rtl

Пишу с телефона, так что в кратце)
Должно работать

Если же чисто флексы, то контейнеру flex-direction: row-reverse, flex-wrap:wrap, элементам flex-basis:50% и играться с order

Answer 3

[devstudent]

flex-direction: column;
сами элементы выписать в обратном порядке

<div class="block">
  <div class="item">6</div>
  <div class="item">5</div>
  <div class="item">4</div>
  <div class="item">3</div>
  <div class="item">2</div>
  <div class="item">1</div>
</div>

Comments

[GreenMan1899]

это просто в обратную сторону
а мне надо, чтобы снизу-вверх и справа-налево

[devstudent]

смотрите, обновлено

[GreenMan1899]

devstudent: не по часовой все еще.
Надо чтобы вот так было

43
52
61

а в вашем варианте так становится
63
52
41

[devstudent]

GreenMan1899: тогда делить блок на два, переворачивать элементы в обратном порядке в том, где 1,2,3 - переворачивать.

4
5
6

1
2
3

.block-1 {
flex-direction:column ;
float:left;
}
.block-2 {
flex-direction: column-reverse;

}

[Сергей delphinpro]

GreenMan1899: https://codepen.io/delphinpro/pen/OgmBoW?editors=1100