사용자가 CSS를 사용하여 HTML 페이지를 가리킬 때까지 HTML 페이지의 요소를 숨길 수 있습니까?

Question

HTML 페이지의 링크를 숨기고 싶을 때 사용자가 HTML 페이지를 가리키면 표시합니다. CSS로 어떻게 할 수 있습니까?

Answer 1

CSS visibility 작동하지 않았다, 그러나 이것은 수행합니다

a 
{ 
    text-decoration: none; 
    color: transparent; 
} 

a:hover 
{ 
    color: black; 
} 

Answer 2

HTML :

<div class="hidden"><a href="blah">I can't see this</a></div> 

CSS :

.hidden 
    { 
     width:100px; 
     height:100px; 
     border:1px solid black; 
    } 
    .hidden a{ 
     display: none; 
    } 
    .hidden:hover a{ 
     display:block; 
    } 

그러나, 그것은 매우 '접근'아니다

EDITED after after 테스트.

Answer 3

링크와 같이 그림과 같이 임의의 코드를 사용하려는 경우 opacity 특성을 사용하는 것이 좋습니다.

.hidden { 
    opacity: 0; 
    transition: opacity 0.5s ease; 
} 

.hidden:hover { 
    opacity: 1; 
} 

Codepen : 예를 들어

http://codepen.io/team/thinkful/pen/bb52d8326d532c1fbcc72f772a032a20