그림 위로 마우스를 가져 가서 그림 캡션을 변경 하시겠습니까?

Question

이 자습서는 다음과 같습니다. http://tympanus.net/codrops/2013/06/18/caption-hover-effects/. 단계적으로 들어가서 내가하는 일을 알고 있습니다. 나는이 효과가 CSS에서 모두 완료되었음을 알면 놀랐다.

어쨌든 나는 CS-style3이 부분에 붙어있어

.no-touch .cs-style-3 figure:hover figcaption, 
.cs-style-3 figure.cs-hover figcaption { 
    opacity: 1; 
    transform: translateY(0px); 
    transition: transform 0.4s, opacity 0.1s; 
} 

.cs-호버는 무엇입니까? 나는 이것이 특별한 css3 일의 어떤 종류인지를 찾는다. 그것은 파일의 클래스가 아니기 때문에. 그리고 나는 이것을 작동시킬 수 없다.

나는 figure/img 위에 마우스를 올려 놓으 려하고 있는데, figcaption은 위로 미끄러 져 들어가는 것입니다. figcaption의를 가져 {} 그러나 이것은 많은 예제가 데모 페이지 중

Answer 1

코드를 살펴보면 <script src="js/toucheffects.js"></script>이 표시됩니다. 이 스크립트는 말한다 :

터치 장치에 대한

// : 나는 내 자신의 방법을 알아낼 수 있었다

Answer 2

작동하지 않습니다

나는 노력 그림의 생각했다. 저자는 .cs 스타일의 "숫자"클래스를 사용하여 다양한 스타일을 구분했습니다.

이 위의 이미지에서 관리자에서처럼,뿐만 아니라 당신의 코드에 클래스를 추가해야합니다 의미합니다. 이 도움이되기를 바랍니다. 그렇지 않으면 의견을 남기십시오. 우리가 당신을 더 도울 수 있는지 알게 될 것입니다.