淡入和反射CSS，不工作

我想要做这样的事http://designshack.net/tutorialexamples/HoverEffects/Ex5.html，其中映像的反射显示下，但它不起作用。我已经完成了检查元素，并相应地使用了他们的代码，但它不适用于我的网站。当我在Chrome浏览器的自己的计算机上检查元素时，那是当我看到反射。让我知道你是否需要任何澄清。这里是我的代码，我有http://jsfiddle.net/srvcm/1 淡入和反射CSS，不工作

.ex img { 
    <!--margin: 25px;--> 
    opacity: 0.9; 
    border: 1px solid #eee; 

    /*Transition*/ 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 

    /*Reflection*/ 
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1))); 


} 


.ex img:hover { 
    opacity: 1; 

    /*Reflection*/ 
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.7))); 

    /*Glow*/ 
    -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); 
    -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8); 
    box-shadow: 0px 0px 20px rgba(255,255,255,0.8); 
}

预先感谢您

来源

2012-11-05 benji_r

这是工作，其实。在默认状态下定义的'to'太微弱，实际上看不到。此外，图像本身在底部大部分是黑色的，所以它不明显。 – Shmiddty

请看这里：http：//jsfiddle.net/srvcm/1/ – Shmiddty

哦，你绝对正确，thanx人 –

代码在自己的作品完美

来源

2012-11-05 23:11:31

淡入和反射CSS，不工作

回答

相关问题