css - 色付きの背景にDiv点滅境界線

Question

境界線の色を白黒に変更してdiv境界線を点滅させる方法はできますが、後で背景色をピンクのままにして、境界線を動的に追加することで、白い境界線が表示されるはずですが、表示されないようにすることにしました。それを取り除くと、隣接する要素の位置が乱れます。境界線を黒く透明にする、あるいは点滅させるようなものはありますか？

Answer 1

まず第一に、アニメーション化された Web ページ要素、特に色が交互に変わるものは巨大なデザインです。ユーザーの注意をそらし、(過度に使用すると) てんかんを引き起こす可能性があり、ページ レンダリングのパフォーマンスを低下させます (そして、デバイスのバッテリーを不必要に消費します)。その他の望ましくない副作用。

とにかく...

黒や白などに変更する前にborder-colorto を設定することで、境界線を非表示にすることができます。transparentそうすれば、ボックス フローが計算されるときに境界線が表示されますが、表示されません。これは CSS2+ の機能です。

別の方法として、image-borders を使用し、境界イメージをアニメーション GIF に設定することもできます。これには、画像の境界線に対する CSS3 のサポートが必要です。