css文字阴影渐渐模糊效果的实现
(编辑：jimmy 日期: 2024/11/28 浏览：3 次 )
text-shadow
为文字添加阴影。可以为文字与 text-decorations 添加多个阴影，阴影值之间用逗号隔开。每个阴影值由元素在X和Y方向的偏移量、模糊半径和颜色值组成。
text-shadow: 10px 10px 20px pink;/*x轴偏移10px,y轴偏移10px，模糊程度，粉红色*/
transition:1s;渐变效果1秒，起到慢慢渐变得效果
<style type="text/css">
h1:hover{
color:rgba(0,0,0,0);
text-shadow:black 0 0 100px;
}
</style>
<h1>测试内容</h1>
ps：下面看下CSS禁止系统滚动条
先将html和body元素的height都设置为100%,然后将其overflow设置为hidden即可
html,body{
height:100%;
overflow:hidden;
}
下一篇：css transform 翻页动画记录的实现