dw软件怎么下载_网站规划中的三种常用类型_网站一级域名和二级域名_百度指数搜索热度排行

css

<li class="message"></li>

.message {width: 22px;height: 22px;background-image: url('@/assets/message-01.png');background-size: cover;background-position: center;transition: background-image .3s ease;cursor: pointer;
}
.message:hover {background-image: url('@/assets/message-02.png');
}

鼠标放上去之前效果

鼠标放上去时效果