taos
Version:
TAOS - Tailwind CSS Animation on Scroll Library
28 lines (23 loc) • 714 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TAOS React</title>
<script src="https://unpkg.com/@tailwindcss/browser@4"></script>
<style type="text/tailwindcss">
@custom-variant taos (&.taos-init:where(:not(.taos-animate)));
html.js :where([class*="taos:"]:not(.taos-init)) {
visibility: hidden;
}
@source inline('!duration-[0ms] !delay-[0ms]');
</style>
<script>
document.documentElement.classList.add("js");
</script>
</head>
<body>
<div id="app"></div>
<script type="module" src="./demo/main.js"></script>
</body>
</html>