如何解决过渡悬停不适用于ipad Safari
我在导航菜单和按钮上都有过渡功能,它们会随着褪色而改变颜色,它适用于除Safari Ipad以外的所有浏览器。是否有启用过渡的代码。 以下是所有链接和按钮的过渡效果。 PS。我可以看到其他网站在ipad上也具有相同的悬停效果
a {text-decoration:none; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
button,html input[type=button],input[type=reset],input[type=submit]
{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.card-submit {background-color: transparent;color: #b21e27;border: 1px solid #b21e27;border-radius: 4px;cursor: pointer;float: right;}
.card-submit:active,.card-submit:hover {color: #222;border: 1px solid #222;}
a {
text-decoration: none;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
button,input[type=submit] {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.card-submit {
background-color: transparent;
color: #b21e27;
border: 1px solid #b21e27;
border-radius: 4px;
cursor: pointer;
padding: 10px;
}
.card-submit:active,.card-submit:hover {
color: #222;
border: 1px solid #222;
}
<div class="cardform-col cardform-col-100">
<input name="submit" id="submit" type="submit" class="btn card-submit" Value="SEND">
</div>
<!--end of card col -->
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。