4

入力テキスト要素の周囲に破線の境界線を表示しています: border: 1px dashed black;

どういうわけか「オフセット」を定義して、境界線から開始する場所をブラウザに指示できますか?

私の目標は、タイマーを定義し、破線の境界線のオフセットを変更して(java GWT element.setAttribute()を使用)、時計回りに移動する破線の境界線のシミュレーションが行われるようにすることです。

cssとの境界線に既存のオフセットはありますか?

4

1 に答える 1

4

アニメーション化された.gifをdivの背景として使用し、1pxのマージンで最初のdiv内にネストされた2番目のdivに「境界」を設定したいコンテンツを使用して、同様の効果を実現するためのやや複雑な回避策があります。

アニメーション化された.gifは、3px幅の対角線が左から右に移動する小さな正方形(8px x 8px)である必要があります(サイズを調整して線の幅を調整できます)。この画像のピクセルの幅または高さのみが表示されている場合、それは移動する破線の境界線のように見えます。

この手法については、Matthew Taylorのブログ(http://matthewjamestaylor.com/blog/animated-photoshop-selection-on-a-web-page )で詳しく説明されています。

于 2013-03-03T16:23:14.313 に答える