1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-next-page-transitions/components/Loader.js

31 lines
619 B
JavaScript
Raw Normal View History

import React from 'react'
const Loader = () => (
<div className='loader'>
<style jsx>{`
.loader {
border: 8px solid #f3f3f3; /* Light grey */
border-top: 8px solid #3498db; /* Blue */
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 2s linear infinite;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
`}</style>
</div>
)
export default Loader