Html
    Css
    Js

    
                        
@-webkit-keyframes glow {
	0% {
	background-position:40% center;
}
100% {
	background-position:50% center;
	box-shadow:1px 1px 3px rgba(4,100,100,1),inset 0 0 3px rgba(4,191,255,1),2px 2px 3px #aaa;
}
}button {
	color:#fff;
	text-shadow:0 3px 1px 2px;
	outline:0;
	border:0;
	background:url(http://www.jq22.com/img/cs/500x300-1.png) no-repeat;
	background-position:center;
	background-size:150%;
	font-size:12px;
	padding:10px 20px;
	border-radius:4px;
	animation:glow 800ms ease-out infinite alternate;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

按钮特效样式,会呼吸的按钮

更新时间:2020-06-29 08:53:07

背景图可以截取一张有科技感的背景图片,打造流光溢彩的效果;

0