[英]Firefox css animations
I have mobile view animation which works perfectly on Chrome mobile but on Firefox the element positioning result is way off.我有移动视图动画,它在 Chrome 移动设备上完美运行,但在 Firefox 上,元素定位结果还差得很远。 Works fine in Opera and Safari.
在 Opera 和 Safari 中运行良好。
<div
class="fptext">text/text
Text/text</div>
<div
class="fatext">text/text/
text/txt</div>
CSS-ANIMATION: CSS动画:
@media (max-width: 768px).
{.fptext {animation: fadeout
50s ease forwards;animation.
delay: 0s;padding:0px;
}}
@keyframes fadeout{
from {font-size: 0px} to
{font-size: 40px;}}
@media(max-width: 768px).
{.fatext{animation: bigger
50s ease forwards;animation.
delay: 0s;;
position:relative;font-size:
15px; color:#43ff0a;bottom:
1700px; font-
weight:bolder;padding:
0px;background
color:blue;display:block
;margin-bottom: -1750px
}}
@keyframes bigger
{from{font-size: 0px} to
{font-size: 18px;}}
i inspected your code on my browser and when i have cross browser issues i start with a normalize or reset depending on my needs, i didnt see either in the head when i inspected so you may see an improvement by just adding a normalize.css to your project.我在我的浏览器上检查了你的代码,当我遇到跨浏览器问题时,我根据我的需要从规范化或重置开始,当我检查时我没有看到任何一个,所以你可以通过添加 normalize.css 来看到改进你的项目。 also you are worrying about a problem for 0.62% of the united states market share, so less than 1 percent of people use it.
您还担心美国市场份额为 0.62% 的问题,因此只有不到 1% 的人使用它。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.