0
這個問題涉及我正在構建的免費網站模板，您可以使用demo here和see the code for here。視網膜顯示屏上的模糊按鈕
我意識到我在網站上創建的按鈕在視網膜顯示屏上顯得非常模糊。按鈕是唯一能做到這一點的事情。下面是我用它來創建按鈕的代碼：
<a class="btn" href="#">Get Started →</a>
和
.btn {
display: inline-block;
padding: 15px 20px;
color: white;
margin: 5px 0 0 0;
font-family: @font-family-sans-serif;
line-height: @line-height-base;
text-align: center;
font-weight: 400;
text-decoration: none;
text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
background: #79a94b;
vertical-align: middle;
cursor: pointer;
border: 2px solid #689240;
border-radius: 5px;
white-space: nowrap;
-webkit-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
-moz-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
-ms-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
-o-filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
filter: drop-shadow(0 1px 1px rgba(0,0,0,.1));
}
與色彩過渡一些CSS。
看起來這種方法不應該讓視網膜顯示更模糊 - 沒有光柵圖像變得模糊，這都是CSS。所以我有點不知所措。