Code Archive

This is a page holding backups and historical examples removed from main page

Alert Typed Text

Example

Code

<div class="alert alert-warning" role="alert">
<div class="typed-text">⚠️ <b>Attention:</b> Site is under construction </div>
</div>

/* Text typing animation for warning on home page */
.typed-text {
overflow: hidden;
white-space: nowrap;
width: 0;
animation: typing;
animation-duration: 2.5s;
animation-timing-function: steps(60, end);
animation-fill-mode: forwards;
}

@keyframes typing {
from {
width: 0
}

to {
width: 100%
}
}