Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* MIKU THEME */
- .ip-header {
- position: fixed;
- top: 0;
- left: 0;
- z-index: 100;
- min-height: 480px;
- width: 100%;
- height: 100%;
- background: #000 url(http://dx39.net/assets/images/loader2.gif) no-repeat center center;
- /* warna background dan gambar loader */
- z-index: 999999;
- }
- .ip-header .ip-loader svg path.ip-loader-circlebg {
- stroke: #222; /* warna background circle loader */
- }
- .ip-header .ip-loader svg path.ip-loader-circle {
- -webkit-transition: stroke-dashoffset 0.2s;
- transition: stroke-dashoffset 0.2s;
- stroke: #43DDCB; /* Warna garis circle saat loading */
- }
- /* Pre-Loader main */
- .ip-loader {
- position: absolute;
- left: 0;
- width: 100%;
- opacity: 0;
- cursor: default;
- pointer-events: none;
- }
- .ip-loader {
- bottom: 20%;
- }
- .ip-header .ip-inner {
- display: block;
- margin: 0 auto;
- }
- .ip-header .ip-loader svg path {
- fill: none;
- stroke-width: 6;
- }
- /* Animasi */
- .loading .ip-loader {
- opacity: 1;
- -webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
- animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
- }
- .loading .ip-loader {
- -webkit-animation-delay: 0.2s;
- animation-delay: 0.2s;
- }
- @-webkit-keyframes animInitialHeader {
- from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }
- }
- @keyframes animInitialHeader {
- from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }
- }
- .loaded .ip-loader {
- opacity: 1;
- }
- .loaded .ip-loader {
- -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
- animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
- }
- @-webkit-keyframes animLoadedLoader {
- to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
- }
- @keyframes animLoadedLoader {
- to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
- }
- /* Animasi header ketika loading selesai */
- .loaded .ip-header {
- -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
- animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
- }
- @-webkit-keyframes animLoadedHeader {
- to { -webkit-transform: translate3d(0,-100%,0); }
- }
- @keyframes animLoadedHeader {
- to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
- }
- .layout-switch .ip-header {
- position: absolute;
- }
- /* End Preloader */
Add Comment
Please, Sign In to add comment