Loading screen /load screen displayed in loading of websites and apps.
It used to be made with images, but nowadays there are many things made with CSS and js, and animation is stylish.
So today, I'm going to introduce a moving animation loading screen/load screen made of CSS and js that are easy to use in Kopipe.
Please refer to it if you have a chance to use it by all means.
目次
Pure CSS Loader Dots
See the Pen Loader dots by Dave DeSandro (@desandro) on CodePen.
Interesting loader to watch the dots move.
It's all written in CSS.
I'm personally the author.
Multi Animation Loader
See the Pen CSS Loading Animation by Glen Cheney (@Vestride) on CodePen.
An animation loading bar that makes a little more complicated movement.
You can add a button that can be displayed and hidden in JavaScript, but you can create it only in CSS if you don't need it.
It seems to fit the site which mainly is vivit design.
Fractal Loader
See the Pen Canvas Simple Circle Loader by Jack Rugile (@jackrugile) on CodePen.
The loader using js.
It is colorful and pretty.It goes well with the dark color scheme.
OuroboroCSS Loader
See the Pen CSS Loader by Geoffrey Crofte (@CreativeJuiz) on CodePen.
A wide variety of loaders.
The movement is also unique and interesting.
The ease of use is also excellent.
Loader with thermometer motif
See the Pen CSS astral loader by Hugo Giraudel (@HugoGiraudel) on CodePen.
Loader made of CSS.It's amazing to be able to make it purely with CSS alone.
The colors are colorful and stylish.
% Loading bar with counter
See the Pen Loader by Nicolas Slatiner (@slatiner) on CodePen.
The loading bar where the loading rate is displayed at the top.
Because the design is simple, it goes well with any site.
In addition, it is also possible to reduce the withdrawal rate by the loading rate is displayed.
It is a loading bar with two birds with one stone.
Loading bar like light
See the Pen Pure Css Loader by Just a random person (@mathdotrandom) on CodePen.
The animation loading bar which can be said to be the representative of CSS3.
You can also fine-tune the size, speed, color, etc.
It is a loading bar that looks stylish, is easy to understand, and is easy to use.
Three.js Loader
See the Pen Three.js Loader by Lennart Hase (@motorlatitude) on CodePen.
The loader where the cube keeps around.
Because I use the 3D library of Three.js, there is a three-dimensional feeling, and i do not get tired to watch it.
Organic Circle
See the Pen Organic Circle Canvas Loader by Jack Rugile (@jackrugile) on CodePen.
Loader reminiscent of radar as seen in submarines and airplanes.
It seems to choose the site, but it is a design that is not in the middle.
Simple Circle Loader
See the Pen Canvas infinite loader by MRU (@ruffiem) on CodePen.
Short and simple circular loader.
You don't have to worry about page speed because you're using easy and light js.
It is the design which goes well with any site.
