preloader style : demo 62

Loading...

HTML

                        

Loading...

CSS

                        .loader{
                            width: 70px;
                            height: 70px;
                            margin: 40px auto;
                        }
                        .loader p{
                            font-size: 16px;
                            color: #777;
                        }
                        .loader .loader-inner{
                            display: inline-block;
                            width: 15px;
                            border-radius: 15px;
                            background: #74d2ba;
                        }
                        .loader .loader-inner:nth-last-child(1){
                            -webkit-animation: loading 1.5s 1s infinite;
                            animation: loading 1.5s 1s infinite;
                        }
                        .loader .loader-inner:nth-last-child(2){
                            -webkit-animation: loading 1.5s .5s infinite;
                            animation: loading 1.5s .5s infinite;
                        }
                        .loader .loader-inner:nth-last-child(3){
                            -webkit-animation: loading 1.5s 0s infinite;
                            animation: loading 1.5s 0s infinite;
                        }
                        @-webkit-keyframes loading{
                            0%{
                                height: 15px;
                            }
                            50%{
                                height: 35px;
                            }
                            100%{
                                height: 15px;
                            }
                        }
                        @keyframes loading{
                            0%{
                                height: 15px;
                            }
                            50%{
                                height: 35px;
                            }
                            100%{
                                height: 15px;
                            }
                        }
                    
License Terms