preloader style : demo 282

HTML

                        

CSS

                        .loader{
                            background: rgba(255, 255, 255, .5);
                            width: 22px;
                            height: 22px;
                            margin: 70px auto 0;
                            box-shadow: -28px 0px 0px rgba(255, 255, 255, 1);
                            border-radius: 50%;
                            position: relative;
                            animation: animate 1s ease-in-out infinite alternate;
                        }
                        @keyframes animate{
                            0%{
                                opacity: 0.1;
                                transform: rotate(0deg) scale(0.5);
                            }
                            100%{
                                opacity: 1;
                                transform: rotate(360deg) scale(1);
                            }
                        }
                    
License Terms