代码之家 › 专栏 › 技术社区 › hvgotcodes

CSS3分区“脉冲”

css3 html5 animation

1

hvgotcodes · 技术社区 · 14 年前

如何使DIV/输入闪烁或“脉冲”?例如,表单域输入的值无效?

1 回复 | 直到 11 年前

1

2

shsteimer 11 年前

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; 
}

YouTube demo :hover

jQuery validation plugin

$(function() {
    $("form").validate();
});â

CSS3分区“脉冲”

jsFiddle example