为 bootstrap 模态 windows 关闭按钮生成带有 css3 渐变的 "X" 关闭按钮

Question

我需要用 css3 生成 X 关闭按钮我知道我需要 css3 渐变但我不知道如何创建我想要的

我需要的按钮在这里

http://demo.snstheme.com/sns-kunstore/index.php/

在弹出窗口中

请帮我创建这样的按钮

我需要这个 bootstrap 模式按钮 class 关闭。

请帮我更改默认渐变。但我需要 CSS 而不是图像。

请帮忙...!!!

Answer 1

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css");

body {
  padding: 10px;
}

.circle-close {
  background: #333;
  color: #fff;
  text-decoration: none;
  border: 3px solid #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 4px 8px;
  -webkit-box-shadow: -2px 1px 3px #ccc;
  -moz-box-shadow: -2px 1px 3px #ccc;
  box-shadow: -2px 1px 3px #ccc;
}

.circle-close:hover {
  color: #fff;
  text-decoration: none;
}

<a href="#" class="circle-close" >&times;</button>

为 bootstrap 模态 windows 关闭按钮生成带有 css3 渐变的 "X" 关闭按钮

generate "X" close button with css3 gradient for bootstrap modal windows close button

html

css

jquery

gradient

twitter-bootstrap