java - How to make a moving dashed border with CSS? -

java - How to make a moving dashed border with CSS? -

i'm displaying dashed border around input text element with: border: 1px dashed black;

can somehow define "offset" tell browser start border?

my goal define timer, , alter offset of dashed border (using java gwt element.setattribute()), simulation of clockwise-moving dashed border results.

is there existing offset borders css?

there convoluted workaround accomplish similar effect using animated .gif background of div, whatever content wanted "bordered" placed in sec div nested within first 1px margin.

the animated .gif should little square (8px x 8px) 3px-wide diagonal lines moving across left right (you can adjust sizes adjust width of lines). when pixel's width or height of image visible, appears moving dashed border.

this technique detailed here: http://matthewjamestaylor.com/blog/animated-photoshop-selection-on-a-web-page.

java css