• Welcome to Simple Machines Community Forum. Please login or sign up.
October 20, 2021, 06:09:34 AM

News:

SMF 2.0.18 has been released! Please update. Read more.


Blinking Images within div

Started by mickjav, October 02, 2021, 05:29:06 PM

Previous topic - Next topic

mickjav

I am working on a EZ Block that has a world picture with images at locations within the map, I want the images to flash but whatever I try either blinks all images on a page or does nothing.

https://www.databasedreams.co.uk/charts/index.php

At the moment I'm using a table for the positions but this will be updated with a cords system when I can work it out.

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
img {
    animation: blink 1s;
    animation-iteration-count: infinite;
}

thanks mick
Database Dreams - music and charts, Home of Chart Tracker Elite, Apollo & DJ 2020.
Coming soon The Librarian.

mickjav

Database Dreams - music and charts, Home of Chart Tracker Elite, Apollo & DJ 2020.
Coming soon The Librarian.

Advertisement: