一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

css文字阴影渐渐模糊效果如何实现 css文字阴影渐渐模糊效果实现代码

时间:2022-06-25 14:00:33 编辑:袖梨 来源:一聚教程网

css文字阴影渐渐模糊效果如何实现?本篇文章小编给大家分享一下css文字阴影渐渐模糊效果实现代码,文章代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

text-shadow

为文字添加阴影。可以为文字与 text-decorations 添加多个阴影,阴影值之间用逗号隔开。每个阴影值由元素在X和Y方向的偏移量、模糊半径和颜色值组成。

text-shadow: 10px 10px 20px pink;/*x轴偏移10px,y轴偏移10px,模糊程度,粉红色*/

transition:1s;渐变效果1秒,起到慢慢渐变得效果


测试内容

ps:下面看下CSS禁止系统滚动条

先将html和body元素的height都设置为100%,然后将其overflow设置为hidden即可

html,body{
 height:100%;
 overflow:hidden;
}

热门栏目