Chris S Peterson wrote:
That's what I'm working on now. It takes a while to make all the pics it takes to have it spin and go up & down. But I'm about 1/3 of the way done with it. I hope it works ok.
I've never made one or saved one on my computer before. Will I be able to save the GIF in my SD Resources so my site is getting it locally? I hate linking to things stored elsewhere because if something happens with that other server then my GIF ends up missing.
Thanks for all your efforts Wayan!
Yes you can save gif images in resources
should you wish to rotate a plain image here is the custom CSS required
place it in the header
give the image a class= rotate
<style>.rotate {
animation: rotation 4.5s infinite linear; /*this is the speed of the animation, you can alter it */
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
}</style>
This is the CSS for the container holding the image to make it move up & down
<style>
.updown {
animation: MoveUpDown 4s linear infinite; /* you can adjust the speed of the animation */
position: absolute;
left: 0;
bottom: 0;
}
@keyframes MoveUpDown {
0%, 100% {
bottom: 0;
}
50% {
bottom: 100px;
}
}</style>
You will need to play with the position depending on container position
I am going to be off air for a day or so as I am having my own dedicated WIFI antennas installed (finally took the plunge, after almost a year using a rubbish WIFI connection on my phone)
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?
LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://alphathemes.coffeecup.com/forms … an%281%29/