sách gpt4 ai đã đi

animation - CSS3 格 'pulse'

In lại 作者:行者123 更新时间:2023-11-28 13:48:06 29 4
mua khóa gpt4 Nike

如何使 div/input 闪烁或“脉冲”?例如,假设表单字段输入了无效值?

1 Câu trả lời

使用 CSS3 类似 on this page ,您可以将脉冲效果添加到名为 error 的类中:

@-webkit-keyframes error {
from {
-webkit-transform: scale(1.0);
opacity: 0.75;
}
50% {
-webkit-transform: scale(1.2);
opacity: 1.0;
}
to {
-webkit-transform: scale(1.0);
opacity: 0.75;
}
}

.error {
opacity: 0.75;
-webkit-animation-name: error;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: 10;
}

MỘT YouTube demo 如果您使用的不是 Safari、Chrome 或其他浏览器,上述内容也适用。该演示使用 :hover 来启动动画。

您可以将上述类添加到无效条目。

Ví dụ, jQuery validation plugin 就很简单了:

$(hàm() {
$("form").validate();
});

jsFiddle example

关于animation - CSS3 格 'pulse',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3836031/

29 4 0
Bài viết được đề xuất: css - 在 chrome 中添加渐变到带有 CSS3 的选择框?
Bài viết được đề xuất: css - 在 Web 和移动网站之间共享内容
Bài viết được đề xuất: javascript - JS : querySelectorAll with respect to z-index
Bài viết được đề xuất: css - webkit动画 Prop
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com