开发者

How did they make the stickies in this blog?

I'm wondering how the people at Panic made the stickies in their blog page!!!

http://www.panic.com/blog/

I got the 3d trasformation, but i really ca开发者_开发问答n't understand how they did the moving shadow!

any idea?

(Warning: webkit browser needed)


Just look at the source. They scaled the shadow up (vertically) by 2%.

#features ul li:hover div {
    -webkit-transform: scaleY(1.02);
}

The origin and css transition was set in an earlier declaration.

#features ul li div { /* fake blank div included at the start of each out; it holds the shadow */
    width: 225px;
    height: 210px;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    -webkit-transform-origin: 0 0;
    -webkit-transition: -webkit-transform .4s ease; 
}
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜