How To Create a Loader


Step 1) Add HTML:
Step 2) Add CSS:

Example

.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #3498db; /* Blue */
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
Advertisements

how to center div in abslute position


top:50%; left:50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
position:absolute;
min-width:100%; min-height:100%; width:auto; max-width:200%;

resize


http://code.jquery.com/jquery-1.11.1.min.js

jQuery(‘document’).ready(function($){
var ht = $(window).height();
var po= ht -250;
//alert(po);
$(“.window-imgages”).height(po);

$(window).resize(function(){
var ht1 = $(window).height();
var po1= ht1 -250;
//alert(po);
$(“.window-imgages”).height(po1);

});
});

WordPress.com.

Up ↑