CSS3笔记本翻盖

示例一

第一种,使用一张图片,然后用DIV盖住img的键盘,然后设置overflow为hidden。

CSS3笔记本打开动画

示例二

第一种,使用两张张图片,只是用显示屏旋转,设置显示屏的transform-origin为bottom,使滚动的X轴为底部。不过这个动画有点不流畅。

CSS3笔记本打开动画显示屏 CSS3笔记本打开动画键盘

注:不要吐槽为什么是苹果电脑,因为我找不到其他图片了。