home.social

#aa4 — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #aa4, aggregated by home.social.

fetched live
  1. Harald @[email protected] ·

    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: harald.codeberg.page/Codeschni

    #css #html #throbber #animation

    #aa4 #css #html #throbber #animation
  2. Harald @[email protected] ·

    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: harald.codeberg.page/Codeschni

    #css #html #throbber #animation

    #aa4 #css #html #throbber #animation