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
                                逻辑清晰

全部评论问答未解决精华

tomatozq

背景图片实际上是三张图片合一，而div只想显示其中1张，这时目标就是:div.width = image.width/3,为了能实现该效果，将公式进行简单变化就是
image.width = div.width*3,因此将背景图片拉伸为div宽度的3倍，就可以实现目标了。background-size:300% 100%就是这个意思。

9 3-3 自适应雪碧图

2015-12-21

moonstar

http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html
这里讲了异步的一些

4 3-6 异步编程梳理

2015-12-21

_Peach

那位同学有源码呀~~

2015-12-21

乐此不彼的小M

做出来去虐狗吼吼吼

1 1-1 课程简介

2015-12-21

moonstar

云是这样画的，有才！

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

2015-12-21

啥您晓得

怎么实现自动切换啊！还有小女孩和小男孩动作同时进行怎么解决，我是小白求大神指点！

2015-12-21

蓝锋

百分数表示移动距离
@keyframes bird-slow{
0%{background-position-x:0%}
100%{background-position-x:-300%}
}

0 3-3 自适应雪碧图

2015-12-21

zhf_top

直边三角形 -> 直角三角形，两个60度的直角三角形组成了120，30，30度的三角形

0 6-4 3D旋转特效(中)

2015-12-20

zhf_top

直边三角形 -> 等边三角形

0 6-4 3D旋转特效(中)

2015-12-20

veione

6666666666666,好有爱的作品。

0 1-1 课程简介

2015-12-20

moonstar

搞了半天是没加前缀名

0 4-2 镜头效果

2015-12-20

LazyChen_

哦嚯嚯～还好点击了链接，意外发现了MDN还可以是中文的。。。。。

0 3-8 SVG概述

2015-12-20

LazyChen_

还不是很明白。。。

0 3-6 异步编程梳理

2015-12-20

LazyChen_

老师的博客棒棒哒～

0 3-2 关键帧动画

2015-12-19

moonstar

6666666

0 1-1 课程简介

2015-12-19

首页上一页 27 28 29 30 31 32 33 下一页尾页

开始学习

课程须知: 本课程为高级案例课程，其中所用的大部分知识点不做深入剖析，只讲解如何使用，部分代码需要由你自己填充。需要具备如下知识： 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向对象思想 5、SVG基础知识 6、Canvas基础知识

老师告诉你能学到什么？: 1、rem式布局 2、转场特效 3、异步编程处理 4、CSS3动画过渡 5、JS动画实现 6、H5的音乐效果 7、H5的视频效果 8、SVG画图 9、canvas画图

微信扫码，参与3人拼团

热搜

最近搜索清空

H5+JS+CSS3 实现圣诞情缘