JSFiddle - React, Tailwind, and code Playground

by Hoefplan26

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style>
  img{float:left;}
.leftwheel {
    -webkit-animation: rotation 2s infinite linear;
    animation: rotation 2s infinite linear;
  -moz-animation: rotation 2s infinite linear;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@keyframes rotation {
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}


.rightwheel {
    -webkit-animation: rotation1 2s infinite linear;
    animation: rotation1 2s infinite linear;
  -moz-animation: rotation1 2s infinite linear;
}

@-webkit-keyframes rotation1 {
    from {-webkit-transform: rotate(0deg);}
    to   {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation1 {
    from {-moz-transform: rotate(0deg);}
    to   {-moz-transform: rotate(359deg);}
}
@keyframes rotation1 {
    from {transform: rotate(0deg);}
    to   {transform: rotate(359deg);}
}
.leftwheel{
	
top: 82px; left: 10px;
}
.rightwheel{
	
top: 82px; left: 121px;
}
.positie{
top: 8px; left: 320px;
}
</style>
</head>
<body>

<img class="leftwheel" src="https://www.hoefvinyl.nl/wp-content/uploads/2024/05/wieltje1.png">
  
  <img class="rightwheel" src="https://www.hoefvinyl.nl/wp-content/uploads/2024/05/wieltje2.png">
</body>
</html>