如果没有修复,伪类将在 Safari Mobile 中保持禁用状态。 由于 iPhone 和 iOS 非常流行,因此确保效果在这里也能正常工作非常重要。因为效果还决定了人们点击的频率。 简单地完全动画化按钮 当寻找在移动设备上也能正常工作的别致效果时,我遇到了一个完全不同的选择。按钮也可以用 CSS 完全动画化。例如,浮动按钮。一个小的 CSS 动画就足以使按钮轻微振动。添加一个框阴影,按钮看起来好像轻微浮动,等待用户按下它。
移动优先:按钮对移动互联网的影响 这种方法很容易实施,但只 洪都拉斯电话数据 能谨慎行事。用户根本不喜欢的是闪烁甚至烦人的按钮。另一方面,轻微的悬停可以理想地增加注意力,而不会直接造成干扰。它适用于所有智能手机,当然不需要 :hover 和 :active。 通过 :hover 或 :active 触发的效果的替代方案称为 CSS 动画。可以在此处找到轻松复制的示例。 但再次警告:任何将元素动画化得太强烈的人都会惹恼他们的访问者。
尤其是初学者总是会发现这一切都非常整洁,但很快就会忘记,当网站上的所有内容移动或改变颜色时,它也可能会令人恼火或不安。因此,请始终保持谨慎并小心地制作动画,切勿进行过多的动作,因为这只会造成妨碍。 手机按钮需要大量微调 在移动设备上显示按钮需要大量微调。并非每种设备都适合每种类型的效果,太多通常也不是一件好事。然后还有 Safari 中缺少伪类的问题,以及 :hover 无论如何都很少在智能手机上正常工作的问题。