css-animations/Testing CSS Animations.html
2020-10-13 00:53:07 +02:00

52 lines
1.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
<title>Testing CSS Animations</title>
<style>
html {
height:100%;
}
body {
margin:0;
height:100%;
}
</style>
<!-- copy these lines to your document head: -->
<meta name="viewport" content="user-scalable=yes, width=1920" />
<link href='https://fonts.googleapis.com/css?family=Jost&subset=latin' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Jost:900&subset=latin' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Orbitron:500&subset=latin' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Orbitron&subset=latin' rel='stylesheet' type='text/css'>
<!-- end copy -->
</head>
<body>
<!-- copy these lines to your document: -->
<div id="testingcssanimations_hype_container" class="HYPE_document" style="margin:auto;position:relative;width:100%;height:100%;overflow:hidden;">
<script type="text/javascript" charset="utf-8" src="Testing%20CSS%20Animations.hyperesources/testingcssanimations_hype_generated_script.js?4690"></script>
</div>
<!-- end copy -->
<!-- text content for search engines: -->
<div style="display:none" aria-hidden=true>
<div>Lower third
</div>
<div>with Subtitle
</div>
</div>
<!-- end text content: -->
</body>
</html>