5
여러 개의 링크가 포함 된 메뉴가 있습니다. 내가이 링크를 가리킬 때 배경에 빛나는 효과를주기를 바랍니다.CSS3 : 링크 - 마우스 오버시 빛나는 배경 (텍스트 - 글로우가 아님)
나는 링크에서 CSS 전환, 상자 그림자 및 밝은 배경색을 사용하여 거의 만들었습니다.
문제는 전환 효과가 상자 그림자에 영향을 미치기 때문에 전환이 시작될 때 상자 그림자가 없으므로 링크에 제곱 된 배경색이 부여됩니다. 전환이 끝나면 빛나는 배경이 좋아 보입니다.
내 jsFiddle : http://jsfiddle.net/xCJ46/을 참조하십시오.
감사합니다.
<html><style>
div a:hover {
background: #527fa9;
-webkit-box-shadow: inset 0 0 30px 15px #49628a;
-moz-box-shadow: inset 0 0 30px 15px #49628a;
box-shadow: inset 0 0 30px 15px #49628a;
-webkit-transition: 500ms linear 0s;
-moz-transition: 500ms linear 0s;
-o-transition: 500ms linear 0s;
transition: 500ms linear 0s;
}
</style></html>
상자의 그림자를 링크의 속성 (가리 키지 않음)에 추가하십시오. F.e. div a {상자 그림자 : 삽입} 0 0 30px 15px # 49628a; } – reinder