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

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

H5+JS+CSS3 实现圣诞情缘

                
                Aaron艾伦
            Web前端工程师

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

全部评论问答未解决精华

天生不适合搞技术

声音和长相有点差距啊！

0 1-1 课程简介

2016-05-06

街角小林

每次看完这种案例，我就发现我原来啥都不会

17 8-1 最终效果与总结

2016-05-05

街角小林

一节比一节人少，到这就没人了

0 4-3 代码封装

2016-05-05

最爱松露巧克力

为什么画出来的是矩形，不是正方形吗

0 3-9 CANVAS概述

2016-05-05

最爱松露巧克力

真的不懂啊，谁教我

0 3-6 异步编程梳理

2016-05-04

pppppphuting

浪漫的不要不要的，心都化了。。。。

0 2-1 整体介绍

2016-05-04

最爱松露巧克力

那两个链接代表什么啊

0 3-4 元素运动实现

2016-05-03

最爱松露巧克力

我还是不会，这是什么意思

0 3-1 自适应rem布局

2016-05-03

蜀山柚子

老师，我粉你。

0 2-1 整体介绍

2016-04-27

214秒

学个编程都要被虐一下宝宝心里苦!

1 1-1 课程简介

2016-04-26

TinMan

-moz-animation-name: bird-slow;
-moz-animation-duration: 400ms;
-moz-animation-timing-function: steps(3,start);
-moz-animation-iteration-count: infinite;

@keyframes bird-slow{
0%{background-position: -0px;}
100%{background-position: -300%;}}

0 3-3 自适应雪碧图

2016-04-25

TinMan

然后上代码：
.birdFly{
animation: bird-slow 400ms steps(3,start) infinite;
-moz-animation: bird-slow 400ms steps(3,start) infinite;}
@keyframes bird-slow {
0%{background-position: 0px 0px;}
100%{background-position: -273px 0px;}}

0 3-2 关键帧动画

2016-04-25

TinMan

首先要说明的是原来的题目有两个问题：
问题1：background: url(http://img1.sycdn.imooc.com//55ade1700001b38302730071.png); ← 这里少了一个分号导致无法执行。
问题2：实例写法 0% {background-position-x: -0px} 这里的-x目的是为了标明后面px值代表X轴。但这个-x浏览器不支持。
所以换一种写法0% {background-position: -0px 0px;} 注意这里加不加分号随便，多个属性时要加。

1 3-2 关键帧动画

2016-04-25

FutureBook

关注ifreege微信公众号，查询技术教程

2016-04-24

SemineLee

从jQuery 1.7开始，one()函数的用法和on()函数是完全一致的，只不过通过one()函数绑定的都是一次性的事件处理函数。

1 4-4 场景切换

2016-04-22

首页上一页 17 18 19 20 21 22 23 下一页尾页

开始学习

课程须知: 本课程为高级案例课程，其中所用的大部分知识点不做深入剖析，只讲解如何使用，部分代码需要由你自己填充。需要具备如下知识： 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 实现圣诞情缘