CSS向上箭头是网页设计中常用的效果之一。它为用户提供了一种返回顶部的便捷方式。那么如何达到这样的效果呢？
.向上箭头{
显示：无；
位置：固定；
底部：20px；
右：20 像素；
z 索引：999；
字体大小：20px；
光标：指针；
过渡：全部 0.3s 缓和；
}
.m.smtshopping.cn{
显示：块；
}
.向上箭头：悬停{
变换：translateY(-5px);
}首先我们定义一个通用样式，其中`display: none`用于隐藏箭头，`position:fixed;底部：20px； right: 20px;`使箭头固定在页面右下角，`z -index: 999`用于保证箭头位于页面顶部，`font-size: 20px`为字体size，`cursor:pointer`表示当鼠标放在箭头上时，鼠标会变成手形，`transition: all 0.3 s ease`指定箭头的过渡效果。
接下来，我们使用`.m.smtshopping.cn`来显示箭头。该类可以通过 JavaScript 进行控制。最后，我们为箭头定义一个悬停效果，将其向上移动 5 个像素。
实现向上箭头效果其实很简单，只需要几行CSS代码。如果你想了解更多CSS技巧，可以去知乎看看专业分享。
