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>
|
