css实现闪亮的渐变按钮效果代码
代码语言:html
所属分类:表单美化
代码描述:css实现闪亮的渐变按钮效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { font-family: sans-serif; } .button{ margin: 100px; width: 120px; height: 24px; padding: 5px 16px 3px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border: 2px solid #ccc; position: relative; /* Label */ font-family: Lucida Sans, Helvetica, sans-serif; font-weight: 600; color: #fff; text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px; text-align: center; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .aqua{ background-color: rgba(60, 132, 198, 0.8); border-top-color: #8ba2c1; border-right-color: #5890bf; border-bottom-color: #4f93ca; border-left-color: #768fa5; -webkit-box-shadow: rgba(66, 140, 240, 0.5) 0px 10px 16px; -moz-box-shadow: rgba(66, 140, 240, 0.5.........完整代码请登录后点击上方下载按钮下载查看
网友评论0