thegamingstig
Member
It would be nice if someone create a plugin that makes a source rotate. It would have a bar that adjust the speed and direction like a scroll filter
Rotating Filter
- Thread starter thegamingstig
- Start date
SkeletonBow
Member
That's not a bad idea actually, and it'd be fairly simple to do by manipulating the transform properties. This should also be doable in theory using Exeldro's move-transition filter, but not as straightforward just for this particular purpose. Also possible to rotate images via CSS animation in Browser Source in a pinch. But a dedicated rotate filter would probably be pretty useful for many people.
thegamingstig
Member
I tried the Exeldro move filter, but it is not easy. I had to play around with rotation value and duration to make it spin at a rate that I wanted and they both need to be very high value since I wanted to spin infinitely. I wanted something alot more simple than that.
just_stuff_tm
New Member
I used this html. then used browser source for a spinning image
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rotating Image</title>
<style>
body {
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background: transparent; /* Transparent background */
}
img {
width: 300px; /* Adjust size as needed */
height: auto;
animation: rotate 5s linear infinite; /* Rotate animation */
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<img src="just_stuff.png" alt="Just Stuff">
</body>
</html>