HTML SOURCE CODE
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="b.css">
</head>
<body>
<h1> SLIDE-IN-FROM </h1>
<div slide-in-from="top" style="--sif-delay: 250ms">
<code>[slide-in-from="top"]</code></div>
<div slide-in-from="left" style="--sif-delay: 500ms">
<code>[slide-in-from="left"]</code></div>
<div slide-in-from="right" style="--sif-delay: 750ms">
<code>[slide-in-from="right"]</code></div>
<div slide-in-from="bottom" style="--sif-delay: 1000ms">
<code>[slide-in-from="bottom"]</code></div>
<div slide-in-from="top-left" style="--sif-delay: 1250ms">
<code>[slide-in-from="top-left"]</code></div>
<div slide-in-from="top-right" style="--sif-delay: 1500ms">
<code>[slide-in-from="top-right"]</code></div>
<div slide-in-from="bottom-left" style="--sif-delay: 1750ms">
<code>[slide-in-from="bottom-left"]</code></div>
<div slide-in-from="bottom-right" style="--sif-delay: 2000ms">
<code>[slide-in-from="bottom-right"]</code></div>
</body>
</html>
