Div가 색이있는 배경에 테두리를 깜박임

Question

경계선 색을 흑백으로 변경하여 깜박 거리는 div를 만드는 방법은 나중에 백그라운드 색을 핑크색으로 유지하기로 결정했기 때문에 흰색 경계선이 보일 것입니다. 동적으로 테두리를 추가하고 제거함으로써 인접 요소의 위치를 ​​방해합니다. 경계선을 검정색으로 투명하게 만드는 것과 같은 방법이 있습니까?

Answer 1

우선 웹 페이지의 애니메이션 요소는 특히 색상을 번갈아 가며 거대한 디자인이므로 사용자를 혼란스럽게하거나 간질을 유발할 수 있으며 과도하게 사용하면 페이지 렌더링 성능이 저하 될 수 있습니다. 불필요하게), 그리고 다른 바람직하지 않은 부작용이 있습니다.

어쨌든 ...

당신은 검은 색 또는 흰색 또는 어떤으로 변경하기 전에 transparent에 border-color를 설정하여 눈에 보이지 않는 경계를 가질 수 있습니다. 상자 흐름을 계산할 때 경계가 표시되는 방식으로 표시되지 않습니다. 이것은 CSS2 + 기능입니다.

이미지 테두리를 사용하고 테두리 이미지를 애니메이션 GIF로 설정하는 방법도 있습니다. 이미지 테두리에는 CSS3 지원이 필요합니다.