JS+CSS3实现“粽情端午”_技术问答

首页免费课 JS+CSS3实现“粽情端午” 问答

JS+CSS3实现“粽情端午”

                
                Lyn
            Web前端工程师

                    查看讲师更多课程 
                    Lyn讲师的其他课程
                
JS+CSS3实现带预览图幻灯片效果
初级·53759
免费课程
                                
CSS3+JS 实现超炫的散列画廊特效
中级·46091
免费课程
                                
可调大小面板实现（Resizeable Panel）
初级·13047
免费课程
                                
QQ空间时光轴特效
初级·29058
免费课程
                                
鼠标拖拽效果
初级·25993
免费课程
                                
                难度中级
            
                时长 2小时17分
            
                学习人数
            
综合评分8.73
                            40人评价
                        查看评价
                                9.3
                                内容实用
                            
                                8.6
                                简洁易懂
                            
                                8.3
                                逻辑清晰

全部评论问答未解决精华

粽子抖动动画，为啥和老师操作一样确没效果？

已采纳回答 / 慕沐1239403

@-webkit-keyframes rock{ 0%{transform:rorate(0deg)} 10%{transfrom:rorate(3deg)} 20%{transform:rorate(-3deg)} 30%{transform:rotate(2deg)} 40%{transform:rotate(-2deg)} 50%{transform:rotate(1deg)} 60%{transfor...

1 回答 1591 浏览 2-4 定义抖动的CSS动画

2017-04-25

使背景图片居中可否直接用margin:auto；而不用设置定位position,以及left,top属性？

已采纳回答 / qq_月尹_04020091

当然是可以的，position的好处是，完全不会受到其他元素的影响，如果使用margin的话，在有其他元素的情况下。就有可能出现意外。这种东西和编程习惯有关

1 回答 1676 浏览 2-2 完成基本界面元素（一）

2017-03-09

老师这是用的啥工具啊？

已采纳回答 / 慕粉3568301

WebStorm

1 回答 1490 浏览 2-2 完成基本界面元素（一）

2016-12-03

效果不错哦

已采纳回答 / qq_救救我吧_1

视频右下角没有就没有了，一般源码都在这里放着，不行自己跟着抄一下，也算练习了

1 回答 1448 浏览 1-1 案例介绍和分析

2016-07-18

我的粽子总是消失不了，粽子底叶出现不了

已采纳回答 / 慕无忌1013911

把css和html 的程序也传上来吧，有些可能不是js 的问题

2 回答 1438 浏览 2-11 用时间类编写展开粽子动画序列（二）

2016-06-04

点击绳子无变化

已采纳回答 / 找谁

那用console.log() 输出进行调试吧，每个事件中加一个不同的console.log()输出语句，看看哪里执行不进去。

4 回答 1601 浏览 2-10 用时间类编写展开粽子动画序列（一）

2016-03-20

opacity必须有吗

已采纳回答 / Faine38

CSS3 中 transition对 display: none/block 属性无效

1 回答 1412 浏览 2-5 完成祝福语CSS过渡动画

2016-02-25

trantion不能滑动

已采纳回答 / 不想长大的孩子

CSS3 中 transition对 display: none/block 属性无效

3 回答 1502 浏览 2-5 完成祝福语CSS过渡动画

2015-10-26

z-index是什么作用？？

已采纳回答 / pardon110

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。简单点说，它的值越高，就会在最上层。

5 回答 1750 浏览 2-3 完成基本界面元素（二）

2015-09-27

left:50%;top:50%;用不用有什么关系？？

已采纳回答 / 冰冰冰冰冰3515066

left:50%;top:50% 相当于把背景盒子的左上角定位在body的中心再通过设置margin-left margin-top 使背景图片向左向上移动背景宽和高的1/2 这样背景盒子的中心就与body的中心对齐实现了背景盒子的居中

3 回答 2902 浏览 2-2 完成基本界面元素（一）

2015-09-26

transition:all;

已采纳回答 / 蕊宝宝

使用ctrl+shift+i打开chrome的开发者工具或者在右上角的菜单选项的更多工具中打开。双击代码可以调试代码

2 回答 1525 浏览 2-5 完成祝福语CSS过渡动画

2015-07-22

keyframes + animation没有效果

已采纳回答 / Rongdd

把代码改为@-webkit-keyframes rotateplane { 0%{ -webkit-transform:rotate(0deg) } 10%{-webkit-transform:rotate(3deg)} 20%{-webkit-transform:rotate(-3deg)} 30%{-webkit-transform:rotate(2deg)} 40%{-webkit-transform:rotate(-2deg)} 50%{-webkit-tra...

3 回答 4160 浏览 2-4 定义抖动的CSS动画

2015-06-27

谁有源码，发一下给我，谢谢

已采纳回答 / Rongdd

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js+css3</title></head><style type="text/css">/*动画样式*/@-webkit-keyframes rotateplane { 0%{ -webkit-transform:rotate(0deg) }...

5 回答 1891 浏览 2-6 动画样式（粽肉动画）

2015-06-22