News:

Wondering if this will always be free?  See why free is better.

Main Menu

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

mickjav


Advertisement: