css实现带阴影上下浮动按钮效果代码

代码语言:html

所属分类:布局界面

代码描述:css实现带阴影上下浮动按钮效果代码

代码标签: css 阴影 上下 浮动 按钮

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

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

<head>
    <meta charset="UTF-8">
    <style>
        html {
	background:hsl(50,50%,90%)
}
body {
	text-align:center;
	padding-top:100px
}
button.demo {
	background-color:hsl(200,80%,40%);
	border:1px solid hsl(200,80%,30%)
}
button.signup {
	background-color:hsl(0,80%,40%);
	border:1px solid hsl(0,80%,30%)
}
button {
	margin:0 10px;
	width:120px;
	height:40px;
	border-radius:20px;
	color:white;
	font-size:15px;
	font-weight:bold;
	background-image:linear-gradient(top,hsla(0,0%,100%,..........完整代码请登录后点击上方下载按钮下载查看

网友评论0