css实现带阴影上下浮动按钮效果代码
代码语言:html
所属分类:布局界面
代码描述: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