倒影渐变无法显示
来源：2-3 基本界面样式完成
CNSDHH
2015-09-12 09:35
倒影渐变代码块：
#SliderArea .Ctrl .ctrl-i:hover img {
bottom: 20px;
-wedkit-box-reflect: below 0px -wedkit-gradient(
linear,
left top,
left bottom,
from(transparent),
color-stop(50%, transparent),
to(rgba(255,255,255,.3))
);
opacity: 1;
}倒影渐变效果图：
我输入的代码和老师的一样啊，也是用的 Google Chrome 浏览器预览的，但倒影的渐变效果就是不出现，求老师解答一上？
是不是 -webkit-gradient() 的写法是老式的，我看网上最新定义的为 -webkit-linear-gradient()。但我修改了，还是不行，求解惑？？？
这里有我的网站：www.diagonal.cn
可以直接去我的网站看下效果，也是无法达到老师演示的倒影渐变效果。
欢迎有共同兴趣爱好的同学联系我，一块学习，共同进步。
联系方式：QQ 396052192
写回答
关注
4回答
-
- 不惊无宠
- 2015-10-24 09:51:52
大神求份代码吧~我的代码调不对呀。。
-
- Claireh
- 2016-05-30 21:10:23
为什么我的这个小图都显示不出来了
-
- CNSDHH
- 2015-09-12 10:08:30
下面这是修改后的显示效果，倒影渐变正常显示出来了。
-
- CNSDHH
- 2015-09-12 10:05:49
OK OK，显示正常了，我说问题出在哪里呢，原来是我把 -webkit 打错了，打成 -wedkit。
JS+CSS3实现带预览图幻灯片效果
同样的幻灯片，不一样的切换，学会实现思路，操作很简单
53755 学习 · 279 问题
相似问题
标题无法显示
回答 1
倒影和动画都出不来，求大神解答
回答 1