A-A+

CSS3实现气泡特效(CSS2D、3D等)

2016年08月28日 HTML/CSS 暂无评论

之前用到过部分功能,今天把慕课网这个教程又重新敲了遍。

Github源代码:https://github.com/zxhycxq/mooc-ToolTips

需要注意的几个地方

1.字体库的使用: @font-face:路径。bootstrap自带有,但是对于其他的图标没怎么注意过,还有loading图标,可以考虑使用。

2.写属性的时候考虑后续扩展性:X/Y/Z轴,transform-origin 写成百分比。

3.几个动画旋转,设置旋转中心。

4.transform :多个属性过渡的写法,用逗号隔开  。

 

一个小工具,可以在线模拟css3的部分动画。

css3D:http://fangyexu.com/tool-CSS3Inspector.html

标签: