Question

我在导航菜单和按钮上都有过渡功能，它们会随着褪色而改变颜色，它适用于除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,
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;
  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 -->

过渡悬停不适用于ipad Safari

0 个答案: