центрирование прелоадеров в материализовать

Question

Учитывая это:

<div class="preloader-wrapper big active"> 
    <div class="spinner-layer spinner-blue-only"> 
    <div class="circle-clipper left"> 
     <div class="circle"></div> 
    </div> 
    <div class="gap-patch"> 
     <div class="circle"></div> 
    </div> 
    <div class="circle-clipper right"> 
     <div class="circle"></div> 
    </div> 
</div> 

Я хочу использовать эту прелоадер с position:fixed и centered.So, что я сделал было:

top:50%; 
left:50%; 
position:fixed; 
-webkit-transform:translate(-50%,-50%); 

, который вызывает анимацию: -/

http://jsfiddle.net/kqjy7jbb/6/

Answer 1

Пока ваш контейнер имеет объявленную ширину и высоту, он будет центрировать элемент по горизонтали и по вертикали. JSfiddle

.loader { 
position: absolute; 
top :0; 
left: 0; 
right: 0; 
bottom: 0; 
margin: auto; 
}