load-animations-react
v1.2.0
Published
Pure CSS Loading animations for ReactJs
Downloads
2
Maintainers
Readme
��#� �l�o�a�d�-�a�n�i�m�a�t�i�o�n�s�-�r�e�a�c�t�
�
�
�
�<�b�r�>�
�
�
�
�>� �#�#�#� �_�P�u�r�e� �C�S�S� �a�n�i�m�a�t�i�o�n�s� �a�s� �r�e�a�d�y� �t�o� �u�s�e� �c�o�m�p�o�n�e�n�t�s� �f�o�r� �r�e�a�c�t�j�s�_�
�
�
�
�<�b�r�>�
�
�
�
�#�#� �I�n�s�t�a�l�a�t�i�o�n�
�
�
�
�<�b�r�>�
�
�
�
��
��b�a�s�h�
�
�n�p�m� �i� �l�o�a�d�-�a�n�i�m�a�t�i�o�n�s�-�r�e�a�c�t�
�
�
��
�
�
�
�
�<�b�r�>�
�
�
�
�#�#� �D�e�m�o�
�
�
�
�#�#�#� �_�C�l�i�c�k� �[�h�e�r�e�]�(�h�t�t�p�s�:�/�/�l�o�a�d�e�r�-�d�e�m�o�.�n�e�t�l�i�f�y�.�a�p�p�/�)� �f�o�r� �t�h�e� �d�e�m�o� �p�a�g�e� �t�h�a�t� �i�l�l�u�s�t�r�a�t�e�s� �a�l�l� �t�h�e� �a�v�a�i�l�a�b�l�e� �l�o�a�d�i�n�g� �a�n�i�m�a�t�i�o�n�s�_�
�
�
�
�<�b�r�>�
�
�
�
�#�#� �A�t�t�r�i�b�u�t�e�s�
�
�
�
�<�b�r�>�
�
�
�
�|� �<�d�i�v� �a�l�i�g�n� �=�"�c�e�n�t�e�r�"�>�N�a�m�e� �<�/�d�i�v�>� �|� �<�d�i�v� �a�l�i�g�n� �=� �"�c�e�n�t�e�r�"�>�D�e�s�c�r�i�p�t�i�o�n�<�/�d�i�v�>� � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � � �|�
�
�|� �-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-� �|� �-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-�-� �|�
�
�|� ��c�o�l�o�r�
� � � � � � � � � � � � � � � � � � � � � � � � � � �|� �C�o�l�o�r� �o�f� �t�h�e� �s�p�i�n�n�e�r�.� �I�n�s�e�r�t� �t�h�e� �c�o�l�o�r� �o�r� �t�h�e� �c�o�l�o�r� �c�o�d�e� �i�n� �q�u�o�t�e�s�.� �B�l�a�c�k� �b�y� �d�e�f�a�u�l�t� �|�
�
�
�
�<�b�r�>�
�
�
�
�#�#� �I�m�p�o�r�t�i�n�g� �t�h�e� �L�o�a�d�e�r�s�
�
�
�
� �<�b�r�>�
�
�
�
�>� �#�#�#� �_�R�e�p�l�a�c�e� ��L�o�a�d�e�r�N�a�m�e�
� �w�i�t�h� �t�h�e� �a�c�t�u�a�l� �n�a�m�e� �o�f� �t�h�e� �l�o�a�d�e�r�.� �V�i�s�i�t� �t�h�e� �[�d�e�m�o�]�(�h�t�t�p�s�:�/�/�l�o�a�d�e�r�-�d�e�m�o�.�n�e�t�l�i�f�y�.�a�p�p�/�)� �p�a�g�e� �t�o� �s�e�e� �a�l�l� �t�h�e� �a�v�a�i�l�a�b�l�e� �l�o�a�d�e�r�s�.�_�
�
�
�
� �<�b�r�>�
�
�
�
��
��j�a�v�a�s�c�r�i�p�t�
�
�i�m�p�o�r�t� �{� �L�o�a�d�e�r�N�a�m�e� �}� �f�r�o�m� �"�l�o�a�d�-�a�n�i�m�a�t�i�o�n�s�-�r�e�a�c�t�"�;�
�
�
��
�
�
�
�
�<�b�r�>�
�
�
�
�#�#� �E�x�a�m�p�l�e�
�
�
�
�<�b�r�>�
�
�
�
�>� �#�#�#� �_�G�i�v�e�n� �b�e�l�o�w� �i�s� �a� �s�i�m�p�l�e� �i�m�p�l�e�m�e�n�t�a�t�i�o�n� �o�f� �t�h�e� �p�a�c�k�a�g�e�.�_�
�
�
�
�<�b�r�>�
�
�
�
��
��j�a�v�a�s�c�r�i�p�t�
�
�i�m�p�o�r�t� �{� �C�i�r�c�l�e�L�o�a�d�e�r� �}� �f�r�o�m� �"�l�o�a�d�-�a�n�i�m�a�t�i�o�n�s�-�r�e�a�c�t�"�;�
�
�
�
�f�u�n�c�t�i�o�n� �A�p�p�(�)� �{�
�
� � �r�e�t�u�r�n� �(�
�
� � � � �<�>�
�
� � � � � � �<�C�i�r�c�l�e�L�o�a�d�e�r� �c�o�l�o�r�=�"�g�r�e�e�n�"� �/�>�
�
� � � � �<�/�>�
�
� � �)�;�
�
�}�
�
�
�
�e�x�p�o�r�t� �d�e�f�a�u�l�t� �A�p�p�;�
�
�
��
�
�
�