分享一套漂亮的不同背景颜色按钮,鼠标悬浮上面,有过渡延迟发光效果,完全通过css3属性,不依赖jQuery插件。
淘建站为您提供更多_css3_按钮_按钮_过渡,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 383 次
觉得不错,可打赏下作者
免费共享
引入按钮样式playground.css
<link href="playground.css" media="all" rel="stylesheet" type="text/css" />定义不同背景颜色按钮css3过渡效果
.green.button{-webkit-animation-name: greenPulse; -webkit-animation-duration: 3s;} .blue.button{-webkit-animation-name: bluePulse; -webkit-animation-duration: 4s;} .red.button{-webkit-animation-name: redPulse; -webkit-animation-duration: 1s;} .magenta.button{-webkit-animation-name: magentaPulse; -webkit-animation-duration: 2s;} .orange.button{-webkit-animation-name: orangePulse; -webkit-animation-duration: 3s;} .orangellow.button{-webkit-animation-name: orangellowPulse; -webkit-animation-duration: 5s;}HTML
Look at me! Click me! Hi ho, Silver! Look at me! I'm Glowing! Hi ho, Silver!

