私はこのhttp://designshack.net/tutorialexamples/HoverEffects/Ex5.htmlのようなことをしようとしていますが、画像の反射が下に表示されますが、うまくいきません。要素の検査を行い、それに応じてコードを使用しましたが、私のサイトでは機能しません。Chrome で自分のコンピューターの要素を検査すると、反射が表示されます。説明が必要な場合はお知らせください。ここに私が持っている私のコードがありますhttp://jsfiddle.net/srvcm/1
.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);
}
前もって感謝します