为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5+CSS3实现春节贺卡

难度中级
时长 1小时51分
学习人数
综合评分9.67
211人评价 查看评价
9.9 内容实用
9.5 简洁易懂
9.6 逻辑清晰

最新回答 / zjc_Dream
你可以先试试把定位我z-index:-1去掉。

最新回答 / zjc_Dream
这两个标签,有的浏览器不支持

最新回答 / trent33
由设计原稿测量,再由vh计算。vh在本案例中设定的为100vh = 1138 px, 100vw=640px 。具体的设计稿老师有提供,设计稿中灯笼的高度为782px,所以 782*100 /1138 = 68vh.

最新回答 / LenGxy
不定位也可以,只是不能用z-index来控制层次关系而已

最新回答 / 淡陌浅笑
audio.addeventlistener改成music.addeventlistener还是没反应,是不是问题在其他地方

最赞回答 / 无垢俗心
Safari屏蔽了autoplay,必须由用户交互事件触发,因为autoplay在移动网络环境下可能会造成用户流量费剧增

最新回答 / 慕仙7193819
autoplay属性有兼容性,像google就播不出来,但是火狐就可播出来!

最新回答 / iceyoung
video标签,指的就是播放器的意思啊。

最新回答 / chendidi
因为:before和:after伪类是没有目标对象的,不像直接用class是有作用对象,content属性就是用css的方法增加目标对象,也就是html结构元素。content的值一般是文字。也可以用js获取增加其他内容。(直接摘抄别人的给你)

最新回答 / JACK1230
用不同的浏览器进行测试,不需要

最新回答 / 波克比
碟片旋转是因为添加了一个class为play的样式,音乐停止的时候应该去掉play的class,this.setAttribute('class','');可以对着视频看一下,再点音乐按钮播放时,再把play的class加上this.setAttribute('class','play');
课程须知
本课程是前端中级课程 1.HTML 和 CSS基础知识 2.HTML5 伪类和 CSS3动画基本知识 3.JavaScript基本语法知识
老师告诉你能学到什么?
1.学会手机端简单展示型网页的布局与分析 2.学会使用CSS3的transition和animation动画 3.学会使用HTML5的Audio API完成音乐交互 4.学会利用JavaScript和伪类制作出绚丽的交互效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消