How can i make an icon blink using CSS/javascript/jquery [duplicate]


Tags: javascript,jquery,css

Problem :

This question already has an answer here:

I was wondering how to make a logo blink in CSS if possible. Here is my simple code :

<div class="site-logo">
   <a href="http://localhost/website/"><img class="header-image" src="http://localhost/website/wp-content/uploads/2015/11/logogimp2.png"></a>
</div>


Solution :

You can use the animations:

.site-logo {
  animation: blink 1s linear infinite;
}

@keyframes blink {  
  50% { opacity: 0; }
}
<div class="site-logo">
   <a href="http://localhost/website/"><img class="header-image" src="https://keetonsonline.files.wordpress.com/2015/05/0753.png?w=21&h=21"></a>
</div>


    CSS Howto..

    How to rotate an element around a line other than X=0,Y=0 and Z=0 using CSS3?

    How can I keep the original :focus element with CSS?

    how to effect td on fixed table layout

    How to place an image properly with CSS

    how to fix menu bar css-adapter stuffs with IE

    How to use div classes to get my blocks to line up?

    How to allow scroll on mobile

    How to use #resource in CSS?

    How to get UiBinder Styles to Act The Same as From a .css File?

    Window resize shifts buttons to the bottom of the page. How to fix the css in this page?

    How do I make hidden description text push the content upwards when it shows

    CSS: how to address Samsung Android browser?

    How to make css menu width impossible to change when zooming or changing resolution?

    How to color the first word using CSS

    JQuery Animate() showing sticky behaviour with other elements in the same class

    How are these sites implementing their onhover overlays?

    Using jquery to swap text, how to revert other text to original?

    How to adjust CSS to make footer fixed height?

    How to have a backgroud image 100% width / height inside a
  • ?
  • How to change the color of table rows once ng-repeat executed

    How to get selected table cells background colour?

    CSS selector: How to select element sibling AND element itself?

    Third level drop down css wont show & content/links are out of order?

    How to avoid the text inside the bootstrap button overflow?

    How can I give a child element of one parent a higher z-index than another parent?

    How to write this :not “in other element” CSS rule?

    How to make hashtag links work on Internet Explorer?

    How to create a Vertical Strikethrough in CSS?

    How to achieve this layout with CSS?

    How to align div in body to stay with specific height and width