EKYM - box-direction: reverse

box-direction: reverse

by fatihhayri

HTML

<div id="esnekKutuKapsul">
    <div class="esnekKutu">Esnek Kutu1</div>
    <div class="esnekKutu">Esnek Kutu2</div>
    <div class="esnekKutu">Esnek Kutu3</div>
</div>

CSS

#esnekKutuKapsul{
  display: box;
  display:-webkit-box;
  display:-moz-box;
  box-orient:vertical;
  -moz-box-orient:vertical;
  -webkit-box-orient:vertical;
  box-direction: reverse;
  -moz-box-direction: reverse;
  -webkit-box-direction: reverse;
  width:200px;
  height:600px;
  border:1px solid #03C;
}

.esnekKutu{
  background-color:#999999;
  height:190px;
  margin-top:15px;
}

.esnekKutu:first-child{
  margin-bottom:0;
}