How to display the spinner in the middle of the screen?

D

dfv1232018-03-17 04:14:53

css

dfv123, 2018-03-17 04:14:53

How to display the spinner in the middle of the screen?
https://codesandbox.io/s/n1rq663r54

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

I

ink, 2018-03-17
@dfv123

as usual apply absolute i.e. in css add this - line 93

.spinner{
  height:140px;
  width: 140px;
  background: url('https://discuss-assets.s3.amazonaws.com/original/3X/0/3/03ad072969fc47ab98c776a60afc76d61e4877e8.svg') no-repeat;
  background-position: 22px 30px;
  background-size: 96px 96px;
  animation: spin infinite .7s linear;
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}