input_focus_outline_animation background image

PHOTO EMBED

Sun Oct 31 2021 10:47:08 GMT+0000 (UTC)

Saved by @patriciamolnar #css

.input-container.outline { 
    background-image: linear-gradient(to right, var(--clr), var(--clr)),
                      linear-gradient(to bottom, var(--clr), var(--clr)),
                      linear-gradient(to right, var(--clr), var(--clr)),
                      linear-gradient(to bottom, var(--clr), var(--clr));
    background-size:  100% 2px, 2px 100%, 100% 2px, 2px 100%;
    background-position:  0 0, 100% 0%, 100% 100%, 0 100%; 
    background-repeat: no-repeat;
}
content_copyCOPY