diff --git a/node-server/assets/styleshe.css b/node-server/assets/styleshe.css index f4bced1..54ed7a5 100644 --- a/node-server/assets/styleshe.css +++ b/node-server/assets/styleshe.css @@ -78,7 +78,7 @@ body { height: 600px; border-radius: 50%; background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%); - animation: spin 5s linear infinite paused; + /*animation: spin 5s linear infinite paused;*/ display: flex; align-items: center; justify-content: center; @@ -86,6 +86,10 @@ body { cursor: pointer; margin: 20px 0; } + + .vinyl.reverse { + animation: spin-reverse 4s linear infinite; + } .vinyl img { width: 40%; diff --git a/node-server/assets/stylesrom.css b/node-server/assets/stylesrom.css index 9f45338..b9c3541 100644 --- a/node-server/assets/stylesrom.css +++ b/node-server/assets/stylesrom.css @@ -78,7 +78,7 @@ body { height: 600px; border-radius: 50%; background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%); - animation: spin 5s linear infinite paused; + /*animation: spin 5s linear infinite paused;*/ display: flex; align-items: center; justify-content: center; @@ -87,6 +87,10 @@ body { margin: 20px 0; } + .vinyl.reverse { + animation: spin-reverse 4s linear infinite; + } + .vinyl img { width: 40%; border-radius: 50%; diff --git a/node-server/assets/stylestam.css b/node-server/assets/stylestam.css index a0d7a4c..9dd006c 100644 --- a/node-server/assets/stylestam.css +++ b/node-server/assets/stylestam.css @@ -78,7 +78,7 @@ body { height: 600px; border-radius: 50%; background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%); - animation: spin 5s linear infinite paused; + /*animation: spin 5s linear infinite paused;*/ display: flex; align-items: center; justify-content: center; @@ -86,6 +86,10 @@ body { cursor: pointer; margin: 20px 0; } + + .vinyl.reverse { + animation: spin-reverse 4s linear infinite; + } .vinyl img { width: 40%;