为了账号安全,请及时绑定邮箱和手机立即绑定
简介:本课程带领大家通过font Awesome字体库完成图标的定制,使用CSS3新增的transtion、transform属性实现动画效果,以达到对CSS3更深入的了解。

第1章 Resizable简介&实现思路

本章通过线上实例,了解Resizable的功能.给我们要做的案例下一个定义,确定界面样式,功能效果,以及最终支持的交互操作。 接着介绍了Resizable的实现思路,先从界面的初始化到附加拖拽事件最后再支持面板大小的更改一步步的进行阐述。

第2章 Resizable代码编写

本章主要的代码编写,通过从界面到功能,从一个控制元素到全部的控制元素,一步步实现了附加控制元素,为控制元素支持拖拽,通过控制元素去修改面板大小一系列的功能,最终实现了我的们的效果。其中重点介绍了拖拽实现的原理,以及拖拽如何与控制元素结合来更改面板的大小。

第3章 Resizable总结

对案例的整体实现思路进行了总结,并归纳了其中的关键点.最后给出了代码中的关键API和思路。

第4章 编程挑战

小伙伴们,根据所学知识,修案例实现网格化拖拽,拖拽的时候以50个像素为网格。
课程须知
本课程适合有HTML及CSS基础的童鞋们。
老师告诉你能学到什么?
1、如何拆解动画交互效果。 2、如何使用:before与:after生成内容。 3、如何使用transition过渡实现动画。 4、如何使用transoform变换实现缩放、平移、旋转及斜切。 5、如何使用font Awesome字体库定制图标。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!