Beispiel:SVG-Animation-06.html
Aus SELFHTML-Wiki
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" media="screen" href="./Beispiel:Grundlayout.css">
<style>
text {
font-family:verdana;
font-size: 18px;
}
</style>
<title>Beispiel: SVG-Animationen</title>
</head>
<body>
<h1>SVG-Animationen</h1>
<svg>
<rect x="110" y="10" height="100" width="100" fill="gold">
<animate attributeName="height" begin="click" by="100" dur="1s" fill="freeze" />
</rect>
<text x="113" y="50" fill="steelblue" >Klick mich!</text>
</svg>
</body>
</html>