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

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

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

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

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

```

可以，鼠标滑过设置更大的字体大小，已经添加一个缓慢的动画

可以实现，主要用到 transform: scale(1); 这个属性，详细参考下连接。

CSS3实现放大缩小动画_ducode的博客-CSDN博客 HTML 　　 <div> <div style="height: 35px;width:300px;background:orangered;border-radius: 4px;" id="animat"></div> </div>CSS #animat... https://blog.csdn.net/weixin_34025051/article/details/94543473

如有帮助，采纳支持一下，谢谢。

span:hover{
  transiiton: all .3s ease-out;
  font-size: 20px
}
span:hover{
  font-size: 14px
}

如有帮助，麻烦点个【采纳此答案】 谢谢啦~