CSS3 box-Ejemplo de animación de propiedad de sombra-editor de ejemplo en línea(w3editor en línea de ejemplo(codebox.com)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3 box-Ejemplo de animación de propiedad de sombra- Tutoriales básicos(oldtoolbag.com)</title>/title>
<style>
.box {
    ancho: 300px;
    relleno: 40px 0;
    fuente: negrita 46px sans-serif;
	texto-alineación: centro;
    fondo: #ccc;
    border: 1px sólido #999;
    -webkit-animation: test 4s infinite; /* Chrome, Safari, Opera */
    animation: test 4s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes test {
    50% {box-shadow: 8px 8px 16px #999;}
}
/* Sintaxis estándar */
@keyframes test {
    50% {box-shadow: 8px 8px 16px #999;}
}
</style>
</head>
<body>	
	<p> <strong>Advertencia：</strong>：Animaciones CSS en Internet Explorer 9y no funciona en versiones anteriores.</p>
<p> <strong>Nota</strong>：La caja del elemento DIV siguiente-La propiedad de sombra se cambiará de su valor inicial “sin” a “ 8px 8px 16px＃999”, luego vuelva al valor inicial “none” hasta el infinito.</p>
	<div class="box">Caja</div>
</body>
</html>