倒影渐变无法显示
倒影渐变代码块：
#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
