css布局实现三维立体按钮点击效果代码
代码语言:html
所属分类:表单美化
代码描述:css布局实现三维立体按钮点击效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700"); body { font-family: "Open Sans", sans-serif; font-size: 16px; background-color: #e2e2e2; width: 100vw; height: 100vh; display: flex; } .card { background-color: #ffffff; width: calc(100% - 4rem); padding: 4rem 2rem; border: solid 1px #eaeaea; margin: auto; border-radius: 2.5rem; box-sizing: border-box; box-shadow: 0 1rem 2rem rgba(0, 0, 0.........完整代码请登录后点击上方下载按钮下载查看
网友评论0