-
- sy_椒盐皮皮虾 2020-02-26
在html页面中加入class="play"; 利用两个图像的z-index关系控制是否遮盖
代码如下 (省略-o -ms内核) #music > img.play { /* 兼容 */ -webkit-animation: music_disc 4s linear infinite; animation: music_disc 4s linear infinite; /*设置动画样式：动画名称 周期（秒）匀速 重复进行*/} @keyframes music_disc/**设置动画时间/ { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg)/*旋转多少度*/; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes music_disc { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。 0% 是动画的开始时间，100% 动画的结束时间。
-
截图0赞 · 0采集
-
- weixin_慕神3412493 2020-01-30
- 不哦所以0后没好利落精明美女们能够和我
-
截图0赞 · 0采集
-
- qq_沉醉美好_0 2019-12-17
背景jpg格式 其它图片png24
本地服务器测试环境：WampServer
-
截图0赞 · 0采集
-
- 慕无忌2217919 2019-11-05
这个要好好学习学习
- 0赞 · 0采集
-
- 曾帆 2019-07-30
字体大小VW单位
- 0赞 · 0采集
-
- Dreamway 2019-06-27
- 使用touch事件
-
截图0赞 · 0采集
-
- Dreamway 2019-06-27
- vw 字体讲解
-
截图0赞 · 0采集
-
- Dreamway 2019-06-26
- vw让字体适配设备
-
截图0赞 · 0采集
-
- 优秀的小钟 2019-03-26
切图—重构—前端—优化
- 0赞 · 0采集
-
- 慕鱼鱼 2019-01-03
font-size:1.5vw;
position: fixed;
top: 3vh;
right: 4vw;
单位设置为vh\vw,分别是高和宽，会随着屏幕大小适配。
- 1赞 · 1采集
-
- 慕鱼鱼 2019-01-03
font-size单位设为vh\vw,字体大小就会随屏幕大小适配，整个屏幕宽度为100vw,高度为100hw
- 0赞 · 0采集
-
- 慕鱼鱼 2019-01-03
wrampsever 是网站开发集成环境，相当于在本地搭建了一个服务器，然后把写好的代码放在相应的文件夹里，在浏览器里运行就可以了
- 1赞 · 1采集
-
- 慕仙6782529 2018-12-03
- 过度效果主要是利用了transition和transform里的translate，两个页面之间的切换并没有用帧动画，而是直接利用了添加class （transform.translate -100%）以及top100%相互抵消
-
截图0赞 · 0采集
-
- 慕UI5236663 2018-12-03
htto-equiv=X-UA-Compatible content="IE=edge,chrome=1"视口htto-equiv
format-detection : 禁止将你的数字转化为拨号连接
- 1赞 · 1采集
-
- 慕UI5236663 2018-12-03
page2_loading
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-03
第二页，top: 0, 5.5秒上移top: -100%;
第三页 top: 100%; 0, 5.5秒上移top: -100%;
- 0赞 · 1采集
-
- 慕UI5236663 2018-12-03
click有300ms延长，改用touchStart
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-03
修改music 结构
javascript 标签 differ属性animationPlayState = running/paused; 浏览器兼容问题
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-03
碟片旋转
红灯笼闪烁内圈转 delay 1s; 1080deg
第二个圈 delay 2s; 720deg
第三个 delay 2s; 360deg
福旋转
- 1赞 · 1采集
-
- 慕UI5236663 2018-12-03
title
logo
上联
下联
福
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-03
page static => absolute
1, 2, 3页通过display显示
3个圈
2016
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-03
灯笼
灯笼红色阴影
小m
文字
- 1赞 · 1采集
-
- 慕UI5236663 2018-12-03
添加背景-
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-03
html5中
<html /> <body /> => block
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-01
music css
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-01
html结构
- 0赞 · 0采集
-
- 慕UI5236663 2018-12-01
开发技能
性能分析：
- 1赞 · 1采集
-
- 慕UI5236663 2018-12-01
demo: https://www.imooc.com/activity/project1
- 0赞 · 0采集
-
- 完颜科子 2018-09-24
视口 8像素表示法 手机端正常的宽高需要设置meta
- 0赞 · 0采集
-
- 慕设计1533983 2018-07-18
this.style.animationPlayState = "running"
特效运行
this.style.animationPlayState ="paused"
特效暂停
- 0赞 · 0采集
