Question

我正在尝试设置按钮的动画，使其在特定时间内向右转换一点点，但不知何故转换从未发生。

<?php 

 $mail_address  = "mailsend@envem.com";
 $mail_pass = "*****";
 $send_address  = "walidawad@envem.com";
 $domain_address    = "envem.com";

 require './phpmailer/PHPMailerAutoload.php';

 $mail = new PHPMailer();

 $mail->isSMTP();
 $mail->Host = "smtp.".$domain_address;
 $mail->SMTPSecure = "ssl";
 $mail->Port = 465;
 $mail->SMTPAuth = true;
 $mail->Username = $mail_address;
 $mail->Password = $mail_pass;

 $mail->setFrom('senaidbacinovic@gmail.com', 'Senaid Bacinovic');
 $mail->addAddress($send_address);
 $mail->name = $_POST["name"];
 $mail->email = $_POST["email"];
 $mail->Subject = $_POST["subject"];
 $mail->phone = $_POST["phone"];
 $mail->address = $_POST["address"];
 $mail->mail = $_POST["mail"];
 $mail->Body = 


 $_POST["name"]."\n".$_POST["email"]."\n".$_POST["subject"]."\n".$_POST["phone"]."\n".$_POST["address"]."\n".$_POST["mail"];


if(!$mail->send()){
echo '<script type="text/javascript">alert("Bir hata olustu.");</script> 
<meta http-equiv="refresh" content="0;URL=index.php" />';

exit;

}

echo '<script type="text/javascript">alert("Mesaj Basariyla Gönderildi.");


</script> <meta http-equiv="refresh" content="0;URL=index.php" />';

 ?>

@keyframes moveXpath {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(100px);
  }
}

.btn-animate {
  animation-name: moveXpath;
  animation-duration: 10s;
}

失去了一些时间，无法弄清楚出了什么问题？

Answer 1

Anchor是内联元素转换不适用于这些类型的元素。

向锚点添加不同的显示（块或内联块）

.btn-animate {
    animation-name: moveXpath;
    animation-duration: 10s;
    display: inline-block;
}

来源：w3.org

转换不能在锚点上正常工作

1 个答案: