H5+JS+CSS3 实现圣诞情缘_技术问答

首页免费课 H5+JS+CSS3 实现圣诞情缘问答

H5+JS+CSS3 实现圣诞情缘

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
jQuery基础(二)—DOM篇
入门·114013
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211524
免费课程
                                
jQuery基础(四)—动画篇
初级·85049
免费课程
                                
jQuery基础(三)—事件篇
入门·89997
免费课程
                                
jQuery基础 (一)—样式篇
入门·217511
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71439
免费课程
                                
                难度中级
            
                时长 2小时33分
            
                学习人数
            
综合评分9.67
                            49人评价
                        查看评价
                                9.9
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.6
                                逻辑清晰

全部评论问答未解决精华

lalala德玛西亚

ie浏览器写法一要加 -ms- 前缀

0 3-2 关键帧动画

2017-05-03

weibo_0o月落无痕o0_0

男女主人公靠近的时候卡住了

0 8-1 最终效果与总结

2017-05-01

慕粉1463196748

我的也是一个笨鸟，都原地不动～

0 3-4 元素运动实现

2017-04-27

lalala德玛西亚

23333 ,,5个圆画的云

1 5-1 圣诞树、月亮与云

2017-04-26

lalala德玛西亚

厉害了。。非得逼我学完jquery又回来看

0 4-3 代码封装

2017-04-26

qq_偲淰_04369482

为什么瞬间就不是视频了，这样好难学

0 3-4 元素运动实现

2017-04-20

Baronzsn

walk: function() {
return new Promise(function (resolve) {
$boy.addClass("boy-walk");
$boy.transition({"right":"4.5rem"},4000,"linear",function(){
resolve();
})
})
},

0 6-1 小男孩动作分解

2017-04-20

Baronzsn

walk: function() {
var dfd = $.Deferred();
$boy.addClass("boy-walk");
$boy.transition({"right":"4.5rem"},4000,"linear",function(){
dfd.resolve();
})
return dfd;
},

0 6-1 小男孩动作分解

2017-04-20

谭谭悦

项目代码：https://github.com/littlelittlemoon/Christmas

2 1-1 课程简介

2017-04-12

qq_捂着心脏说胃疼_0

有的练习题怎么效果都是重复的，实现方式不一样，这里的重点是要讲不同的实现方式吗//似乎不是，不懂这里的目的要干啥

0 7-1 3D关窗效果

2017-04-11

慕九州0519881

有源代码下载地址吗

0 2-2 编程思路

2017-04-09

求一个源代码下载地址

最赞回答 / 米修修修

http://www.imooc.com/code/10620

2 回答 1334 浏览 2-2 编程思路

2017-04-09

Never25

月亮：

通过css绘制的，通过width与height绘制一个正方形，然后设置border-radius: 50% 这样就可以达到圆形的效果。通过box-shadow设置一定的阴影，最后通过关键帧动画对box-shadow的值做一个变化的效果，就会出现光晕的感觉

云：

云的绘制稍微有一点点麻烦，观察下云，其实是由5个圆形图组成，在想同的位置重叠后的效果。同样的绘制月亮的办法，然后通过box-shadow绘制投影，绘制4个不同大小的圆形图，然后改变每一个的坐标位置，让其重叠在一起形成了最终的效果

0 5-1 圣诞树、月亮与云

2017-04-08