1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test animation</title>
<link rel="stylesheet" href="svg.css" />
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
viewBox="0 0 300 300" width="500" height="500" id="starter_svg">
<text id="username" x="150" y="150" dx="-15" alignment-baseline="middle" text-anchor="end">alice</text>
<text id="at-separator" class="animated" x="150" y="150" alignment-baseline="middle" text-anchor="middle">@</text>
<text id="domain" x="150" y="150" dx="15" alignment-baseline="middle" text-anchor="start">example.com</text>
</svg>
</body>
</html>
|
