How to create loader in html

Question

How to create stylish loader using css, html

Rajesh Gami · Answer

refer this links https://www.w3schools.com/howto/howto_css_loader.asp https://loading.io/ For loading button: https://www.w3schools.com/howto/howto_css_loading_buttons.asp

Vijayakumar Mani · Answer

Hi Use this following codes.. and get a simple loader Html Loading... css .loader, .loader:after { border-radius: 50% ; width : 10em ; height : 10em ; } .loader { margin : 60px auto ; font-size : 10px ; position : relative ; text-indent : -9999em ; border-top : 1.1em solid rgba( 255 , 255 , 255 , 0.2 ); border-right : 1.1em solid rgba( 255 , 255 , 255 , 0.2 ); border-bottom : 1.1em solid rgba( 255 , 255 , 255 , 0.2 ); border-left : 1.1em solid #ffffff ; -webkit-transform: translateZ( 0 ); -ms-transform: translateZ( 0 ); transform: translateZ( 0 ); -webkit-animation: load 8 1 . 1 s infinite linear; animation: load 8 1 . 1 s infinite linear; } @-webkit-keyframes load 8 { 0% { -webkit-transform: rotate( 0 deg); transform: rotate( 0 deg); } 100% { -webkit-transform: rotate( 360 deg); transform: rotate( 360 deg); } } @keyframes load 8 { 0% { -webkit-transform: rotate( 0 deg); transform: rotate( 0 deg); } 100% { -webkit-transform: rotate( 360 deg); transform: rotate( 360 deg); } }

How to create loader in html

Answers (2)