最近的闲暇之余有在看鲁迅先生的《朝花夕拾》,恰巧又碰上了一个特别的作业——利用HTML所学知识制作一个翻开书本的动态效果。这也引发了自己的思考,程序猿的生活真的不止眼前的代码,还有书和远方以及爱吃的美食!
(ps:我真是太爱吃了!未来最胖的程序猿即将诞生!)
学习之前先来看一波效果,调动一下学习的积极性!up!up!up!
第一步:将整个效果的结构进行仔细分析,创建整体的框架。注意:这里我将内容区域和封面区域的顺序颠倒,方便后续的操作。
第二步:加入书翻开后内容区域的文字内容。
第三步:设置整个书本的样式。
第四步:设置内容区和封面的样式。注意:背景图片的引入方式和变形原点的设置。
第五步:细节设置。注意:鼠标移入时的动画效果在设置时要特别注意旋转的轴。
总结:
对于程序猿而言,代码固然重要,但是生活时自己的鸭,为何不选择一种两全其美的方式去生活呢!只有真正厉害的人才能够平衡好生活中的种种。希望每一个程序猿都能码得了代码,吃得了美食,撑得了场面,黑夜不熬,头发不落!!!