生活不止眼前的代码,还有书和远方!

最近的闲暇之余有在看鲁迅先生的《朝花夕拾》,恰巧又碰上了一个特别的作业——利用HTML所学知识制作一个翻开书本的动态效果。这也引发了自己的思考,程序猿的生活真的不止眼前的代码,还有书和远方以及爱吃的美食!

(ps:我真是太爱吃了!未来最胖的程序猿即将诞生!)

学习之前先来看一波效果,调动一下学习的积极性!up!up!up!
效果图

第一步:将整个效果的结构进行仔细分析,创建整体的框架。注意:这里我将内容区域和封面区域的顺序颠倒,方便后续的操作。

第一步

第二步:加入书翻开后内容区域的文字内容。

第二步

第三步:设置整个书本的样式。

第三步

第四步:设置内容区和封面的样式。注意:背景图片的引入方式和变形原点的设置。

第四步

第五步:细节设置。注意:鼠标移入时的动画效果在设置时要特别注意旋转的轴。

第五步

总结:

对于程序猿而言,代码固然重要,但是生活时自己的鸭,为何不选择一种两全其美的方式去生活呢!只有真正厉害的人才能够平衡好生活中的种种。希望每一个程序猿都能码得了代码,吃得了美食,撑得了场面,黑夜不熬,头发不落!!!

  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值