產生「X」用CSS3漸變爲引導模態窗口關閉按鈕

Question

關閉按鈕，我需要生成與CSS3 我明白我需要CSS3漸變 X關閉按鈕，但我不知道如何創造我想要的東西

按鈕我需要的是在這裏彈出

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

請幫我創建這樣

按鈕3210

我需要這個bootstrap模式按鈕與類關閉。

請幫我改變這個默認漸變。 但我需要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>