Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<style>
#container {
border-style: dotted hidden;
border-image: repeating-linear-gradient(to left top, blue, red);
width: 0;
transition: all 0.5s;
}
</style>
<div id="container"></div>
<script>
addEventListener("load", () => {
container.style.padding = "1px";
});
</script>
</body>