设置扩展翻译
时候发现这个样式挺漂亮的,如图:
<span className="blur-sm transition duration-300 ease-in-out hover:blur-none">
你好啊
</span>
你好
为了增加过渡效果,确保在Tailwind CSS的类中包含过渡属性,使文字模糊和清晰变化更加平滑。以下是更新后的示例,增加了针对模糊效果的过渡设置:
blur-sm
:应用一个小的模糊效果。transition
:表示将过渡效果应用于所有可变属性。duration-300
:指定过渡效果的持续时间为300毫秒。ease-in-out
:过渡效果的速度曲线,开始和结束时速度较慢,中间加快。又水一天😌