CSS Loading Animations

download Learn how to create a preloader with CSS.

The border property specifies the border size and the border color of the loader. The border-radius property transforms the loader into a circle. The blue thing that spins around inside the border is specified with the border-top property. You can also include border-bottom, border-left and/or border-right if you want more "spinners" (see example below). The size of the loader is specified with the width and height properties. At last, we add an animation that makes the blue thing spin forever with a 2 second animation speed.

                                                                                                                                                                                                                                                                                                            

Post a Comment

Post a Comment (0)

Previous Post Next Post