鼠标移除字体缓慢缩小这种可以通过css3动画实现吗

Question

鼠标移除字体缓慢缩小这种可以通过css3动画实现吗
实现像下面网站里那个字体的效果一样
https://colors.ichuantong.cn/

Answer 1

可以呀，使用css属性给元素加上:hover效果，设置属性 transform: scale(1.5);就能实现，更多关于transform（逐帧动画）属性的效果在我博客，可以去看看哦，如果解决请采纳哟,完整代码：

```css
        div {
            transform: scale(1);
            transition: 0.3s;
        }

        div:hover {
            transform: scale(1.5);
        }

```