css美化发光彩色渐变按钮效果代码

代码语言:html

所属分类:表单美化

代码描述:css美化发光彩色渐变按钮效果代码

代码标签: css 美化 发光 彩色 渐变 按钮

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
<style>
  html,body {
	width:100%;
	height:100%;
	background:#1D1E25;
	display:flex;
	align-items:center;
	justify-content:center;
}
button {
	border:none;
	padding:1em;
	outline:none;
	color:white;
	text-transform:uppercase;
	font-weight:900;
	font-style:1.2em;
	letter-spacing:0.2em;
	position:relative;
	z-index:1;
	cursor:pointer;
	background:none;
}
button:before,button:after {
	position:absolute;
	top:50%;
	left:50%;
	border-radius:10em;
	-webkit-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	width:105%;
	height:105%;
	content:'';
	z-index:-2;
	background-size:400% 400%;
	background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a.........完整代码请登录后点击上方下载按钮下载查看

网友评论0