div+css实现按钮鼠标悬浮阴影效果代码
代码语言:html
所属分类:悬停
代码描述:div+css实现按钮鼠标悬浮阴影效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
body {
background: floralwhite;
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: center;
justify-content: center;
padding: max(1.5rem, 5vmin);
}
.button {
background: seagreen;
display: inline-flex;
padding: 1rem 2rem;
color: #fff;
text-decoration: none;
transition: all 150ms ease-out;
border-radius: 5px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.875rem;
font-weight: 600;
border: 2px solid seagreen;
align-items: center;
gap:.........完整代码请登录后点击上方下载按钮下载查看
网友评论0