preloader style : demo 261

HTML

                        

CSS

                        .demo{ background-color: #474; }
                        .loader{
                            width: 120px;
                            height: 120px;
                            margin: 50px auto 0;
                            position: relative;
                        }
                        .loader .inner-loader{
                            border: 10px solid transparent;
                            border-radius: 100px;
                            box-shadow: 150px 0px 2px 2px, 150px 0px 2px 2px, 150px 40px 2px 2px, 150px 0px 2px 2px,
                                        150px 0px 2px 2px, 150px 0px 2px 2px, 150px 0px 2px 2px;
                            position: absolute;
                            top: 45px;
                            left: -100px;
                            animation: animate 1s ease-in-out infinite;
                        }
                        @keyframes animate{
                            50%{ box-shadow: 110px 0px 0px 0px #8f8, 130px 40px 0px 0px #8f8, 150px 0px 0px 0px #8f8,
                                            170px 40px 0px 0px #8f8, 190px 0px 0px 0px #8f8, 170px -40px 0px 0px #8f8,
                                            130px -40px 0px 0px #8f8;
                            }
                        }
                    
License Terms