<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="css/e16.css" rel="stylesheet">
<style>
@font-face {
font-family: Pompadur; /* */
src: url(fonts/12.ttf); /* */
}
p1 {
font-family: Pompadur; font-size: 13px;
}
</style>
</head>
<body>
<svg viewBox="0 0 600 300">
<!-- Gradient -->
<radialGradient id="gr-radial"
cx="50%" cy="50%" r="70%"
>
<!-- Animation for radius of gradient -->
<animate attributeName="r"
values="0%;150%;100%;0%"
dur="5s" repeatCount="indefinite" />
<!-- Animation for colors of stop-color -->
<stop stop-color="#FFF" offset="0">
<animate attributeName="stop-color"
values="#333;#FFF;#FFF;#333"
dur="5s" repeatCount="indefinite" />
</stop>
<stop stop-color="rgba(55,55,55,0)" offset="100%"/>
</radialGradient>
<!-- Text -->
<text text-anchor="middle"
x="50%"
y="50%"
dy=".35em"
class="text"
>
Text
</text>
</svg>
</body>
</html>