1

css3 アニメーションで絶対位置を変更するときに div が必要です。このトリックは Chomre (webkit) では機能しますが、iDevices の Safari では機能しません。

Safari では、次のことを行いました。

何ができますか？アドバイスありがとう

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {opacity: 0; bottom: 2px; right: 5%;}
25%  {opacity: 1; bottom: 2px; right: 5%;}
75%  {opacity: 1; bottom: 40%; right: 5%;}
100% {opacity: 0; bottom: 40%; right: 5%;}
}

0%=from と 100%=to を試してみましたが、同じ動作が得られます

編集 -> 解決済み * *Safari では下を作成できません: 2px; 右: 5%; 下まで: 40%; 右: 5%; * *すべての値は同じタイプ、パーセントまたはピクセルでなければなりません * *これは機能します:

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {opacity: 0; bottom: 1%; right: 5%;}
25%  {opacity: 1; bottom: 1%; right: 5%;}
75%  {opacity: 1; bottom: 40%; right: 5%;}
100% {opacity: 0; bottom: 40%; right: 5%;}
}
4

1 に答える 1

0 
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {opacity: 0; bottom: 1%; right: 5%;}
25%  {opacity: 1; bottom: 1%; right: 5%;}
75%  {opacity: 1; bottom: 40%; right: 5%;}
100% {opacity: 0; bottom: 40%; right: 5%;}
}
于 2013-06-03T08:11:38.507 に答える