#throbber — Public Fediverse posts

Create a throbber with CSS and animations. Here it is for a disabled input field:

@keyframes SearchControlWait {
from {
background-position: 30%;
}
to {
background-position: 70%;
}
}

input[disabled] {
background-image: radial-gradient(#aa4 20%, white 40%);
background-size: 2cap 2cap;
background-repeat: no-repeat;
animation: SearchControlWait 1200ms linear infinite 0s alternate;
}

In action: https://harald.codeberg.page/Codeschnipselnotizen/html-et-al/css-throbber.html

#css #html #throbber #animation

I just found out the little loading symbol in the middle of your screen for #videogames and #videos is called a #throbber and that makes total sense to me.

Because the first significant #streaming video online was done by porn, so they could show it online and make more money once Internet started getting fast enough.

THEN stuff like YouTube and regular videos showed up.

Probably a whole lot of people throbbing while that video loaded.

#tech #humor #goodmorning #rant #randomthoughts

Mistodon: for the recent MIST-30 artpack collection, while contemplating what else started in 1994, @AndyGarber drew an animated Mistigris #ASCIIart version of the #throbber in #NetscapeNavigator, that would cycle in the top right corner while loading your requested URL.

The world was a better place when Web Browsers had THROBBERS.

#Throbber #Throbbers #WebBrowser

#webDesign -term that might mean something different to you:

an animated loading-icon is called a #throbber

do with this knowledge what you want