10f-css-animations
Version:
Simple and fancy css animations for your projects
29 lines (24 loc) • 1.03 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body style="padding-top: 100pc">
<ol class="showUpGroup" style="margin-bottom: 100pc;">
<li style="padding: 25px; border: 1px solid green;" class="test">Element1</li>
<li style="padding: 25px; border: 1px solid green;">Element2</li>
<li style="padding: 25px; border: 1px solid green;">Element3</li>
<li style="padding: 25px; border: 1px solid green;">Element4</li>
</ol>
<ol class="showUpGroup" style="margin-bottom: 100pc;">
<li style="padding: 25px; border: 1px solid red;">Element1</li>
<li style="padding: 25px; border: 1px solid red;">Element2</li>
<li style="padding: 25px; border: 1px solid red;">Element3</li>
<li style="padding: 25px; border: 1px solid red;">Element4</li>
</ol>
<script type="module" src="./showUp.js"></script>
</body>
</html>