在网页设计中,icon的使用非常普遍。而在添加各种效果时,渐变是最常见的一种。本文将介绍如何在CSS中添加icon的渐变效果。 首先,在HTML中添加一个icon,可以使用i标签或span标签来完成。
<i class="icon"></i>
<span class="icon"></span>
.icon {
font-size: 24px;
color: #000;
position: relative;
top: 5px;
}
.icon {
background: linear-gradient(to bottom, #ff9b44, #ff6e83);
}
.icon {
background: linear-gradient(to bottom, #ff9b44, #ff6e83);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
border: 1px solid #ccc;
}
粉丝
0
关注
0
收藏
0