为引导模式窗口关闭按钮生成带有css3渐变的“X”关闭按钮[关闭]

Question

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

我需要的按钮在这里

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

在弹出窗口中

请帮我创建这样的按钮

我需要这个用于类关闭的引导模式按钮。

请帮我更改默认渐变。 但我需要 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" >×</button>