スピナーファイルYラピド
Unスピナーesは、unsitioのウェブ、yaのque nos ayudarのdarのinformaciのdarのinformaciのalのusuario sole e estesta de nuestra p . gis al realizar la primera carga,o despu es s una una acci n n del usuario como cambiar de opciのn n el men men,abrir una galer,de im im遺伝子,o enviar unformula
アンナforma muy fは、hのhacer unspuro oのローディングをします.
Primero necesitamos crear un contenedor HTML :
Primero DefinRemosエルTamanoデNustroスピナーy Agregaremos Bordesパラque海ウンpoco mは、esticoです.
は、テネモスLa EstructuraベースデNustroスピナーAgregaremosラスアニマシオン、デesta ManeraヘイワードサーベルアルUsuario que Nuestro SitioウェブSigue Funcionandoに行きます
naは、AgregadaラAnimaci
結果
アンナforma muy fは、hのhacer unspuro oのローディングをします.
Primero necesitamos crear un contenedor HTML :
<div class="spinner"></div>
Ahora単独のnecesitamos Aplicar Los Testlos sobre esten contenedor,y al serソロcss,puedesエレガンスla manera que m_s s s guste de implementar como css,scss,styled component,o cualquier otro:.spinner {
width: 36px;
height: 36px;
border: 5px solid rgba(0, 0, 0, 0.3);
border-radius: 50%;
border-left-color: #7d47ff;
}
.spinner {
width: 36px;
height: 36px;
border: 5px solid rgba(0, 0, 0, 0.3);
border-radius: 50%;
border-left-color: #7d47ff;
animation: spin 1s ease infinite;
}
spin
ソロ・ノスの『呪いの歌』keyframes
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
結果
Reference
この問題について(スピナーファイルYラピド), 我々は、より多くの情報をここで見つけました https://dev.to/dmx/spinner-facil-y-rapido-5beiテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol