Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<style>
.blink_me
{
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
</style>
</head>
<body>
<div id="blink_id" class="blink_me">BLINK ME</div>
<p></p>
<button id="button">Toggle Blink</button>
<script>
$('#button').click(function() {
$("#blink_id").toggleClass('blink_me');
});
</script>
</body>
</html>
The most helpful CSS solutions
How to set bootstrap popover borders in css ?CSS
Click to see more ...
1.6K
91
animate using cssCSS
Click to see more ...
1.5K
83
How to create a cylinder using css ?CSS
Click to see more ...
2.3K
79
How set border bottom using css ?CSS
Click to see more ...
1.6K
69
How to set the starting position of a background image using css ?CSS
Click to see more ...
1K
48
center a fixed element on the pageCSS
Click to see more ...
1.2K
48
css style browser scrollbarCSS
Click to see more ...
927
39
How to overline text using css ?CSS
Click to see more ...
752
32
How to underline text using css ?CSS
Click to see more ...
710
26
How to set the cursor pointer of an element using css ?CSS
Click to see more ...
763
26