谁知道如何实现这种“提升”效果?

时间:2013-03-18 20:59:40

标签: jquery css3 animation hover jquery-animate

我正在查看新Teehan + Lax网站的story page,并在hover of these images.上看到了这种甜蜜的效果(您必须向下滚动到页面底部)。任何人都知道这将是多么容易实现?或者,如果有一个类似的插件吗?

谢谢!

2 个答案:

答案 0 :(得分:0)

.tl-site #making-tl .card .front:hover {
    transform: rotateX(10deg);
}
.tl-site #making-tl .card .front {
    transform-origin: 8px 8px 0;
    transform-style: preserve-3d;
    transition-duration: 0.75s;

答案 1 :(得分:0)

它是

-webkit-transform: rotateX(10deg);
-moz-transform: rotateX(10deg);
-o-transform: rotateX(10deg);
transform: rotateX(10deg);