52 lines
1.4 KiB
HTML
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>
|