CSS3: Pulse
May 07, 2012

See Les Commissaires Anonymes (http://lescommissairesanonymes.fr/) for a great CSS 3 Pulse effect. Here’s the code below.

Voir Les Commissaires Anonymes (http://lescommissairesanonymes.fr/) pour un super effet “Pulse” en CSS 3. Voici le code ci-dessous.

1
2
3
4
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>FOND QUI PULSE</title>
<style type="text/css">
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
@-webkit-keyframes pulse {
from {
background-color:#FF9;
}
to {
background-color:#333;}
}
body {
margin: 0;
background-color:#AAA;
color:#FF9;
-webkit-animation-name: pulse;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
}
1
2
3
4
</style>
</head>
<body></body>
</html>