小程序
小游戏
企业微信
微信支付
扫描小程序码分享
安卓机都能正常播放,ios (测试的有 x,6s)不能播放。
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
小程序中可以用这个了吗?
@mixinblock($size, $bgc, $anime) {
@mixin
block
($size, $bgc, $anime) {
width: $size;
width
: $size;
height: $size;
height
background-color: $bgc;
background-color
: $bgc;
animation: $anime5s linear;
animation: $anime
5
s linear;
animation-fill-mode: forwards;
}
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
什么动画呢?
css3动画,部分代码:
.
{
position
:
absolute
;
&.block
-1
{ @include
(
94
rpx,
#616161
, block
1
); }
-2
52
#202020
2
-3
90
#2d2d2d
3
-4
78
#1f1f1f
4
-5
110
#151515
-6
#2c2c2c
6
@keyframes block
0%
{ transform: translate(
28
50
rpx); }
60%
178
190
100%
228
114
192
294
-52
488
rpx);}
88
378
是 translate 无法用吗?有同事做的其他项目,动画没用到 translate ,ios 可以正常播放。
.get-user-info .
.block
.data-v
-66
df
f
31
rpx;
animation: block
-data-v
transform: translate(
rpx);
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
这个代码片段哟。。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
小程序中可以用这个了吗?
@mixin
block
($size, $bgc, $anime) {
width
: $size;
height
: $size;
background-color
: $bgc;
animation: $anime
5
s linear;
animation-fill-mode: forwards;
}
什么动画呢?
css3动画,部分代码:
@mixin
block
($size, $bgc, $anime) {
width
: $size;
height
: $size;
background-color
: $bgc;
animation: $anime
5
s linear;
animation-fill-mode: forwards;
}
.
block
{
position
:
absolute
;
&.block
-1
{ @include
block
(
94
rpx,
#616161
, block
1
); }
&.block
-2
{ @include
block
(
52
rpx,
#202020
, block
2
); }
&.block
-3
{ @include
block
(
90
rpx,
#2d2d2d
, block
3
); }
&.block
-4
{ @include
block
(
78
rpx,
#1f1f1f
, block
4
); }
&.block
-5
{ @include
block
(
110
rpx,
#151515
, block
5
); }
&.block
-6
{ @include
block
(
94
rpx,
#2c2c2c
, block
6
); }
}
@keyframes block
1
{
0%
{ transform: translate(
28
rpx,
50
rpx); }
60%
{ transform: translate(
178
rpx,
190
rpx); }
100%
{ transform: translate(
228
rpx,
114
rpx); }
}
@keyframes block
2
{
0%
{ transform: translate(
192
rpx,
294
rpx); }
60%
{ transform: translate(
-52
rpx,
488
rpx);}
100%
{ transform: translate(
88
rpx,
378
rpx); }
}
是 translate 无法用吗?有同事做的其他项目,动画没用到 translate ,ios 可以正常播放。
.get-user-info .
block
.block
-1
.data-v
-66
df
2
f
31
{
width
:
94
rpx;
height
:
94
rpx;
background-color
:
#616161
;
animation: block
1
-data-v
-66
df
2
f
31
5
s linear;
animation-fill-mode: forwards;
}
.get-user-info .
block
.block
-2
.data-v
-66
df
2
f
31
{
width
:
52
rpx;
height
:
52
rpx;
background-color
:
#202020
;
animation: block
2
-data-v
-66
df
2
f
31
5
s linear;
animation-fill-mode: forwards;
}
@keyframes block
1
-data-v
-66
df
2
f
31
{
0%
{
transform: translate(
28
rpx,
50
rpx);
}
60%
{
transform: translate(
178
rpx,
190
rpx);
}
100%
{
transform: translate(
228
rpx,
114
rpx);
}
}
@keyframes block
2
-data-v
-66
df
2
f
31
{
0%
{
transform: translate(
192
rpx,
294
rpx);
}
60%
{
transform: translate(
-52
rpx,
488
rpx);
}
100%
{
transform: translate(
88
rpx,
378
rpx);
}
}
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
这个代码片段哟。。