All Posts

CSS <span> 实现条件模糊效果

May 24
·
views
·
likes

设置扩展翻译时候发现这个样式挺漂亮的,如图:

代码

<span className="blur-sm transition duration-300 ease-in-out hover:blur-none">
    你好啊
</span>

你好

解释

为了增加过渡效果,确保在Tailwind CSS的类中包含过渡属性,使文字模糊和清晰变化更加平滑。以下是更新后的示例,增加了针对模糊效果的过渡设置:

又水一天😌