Html 如何在此页面上创建相同的背景效果?
请点击链接:Html 如何在此页面上创建相同的背景效果?,html,css,Html,Css,请点击链接: 谢谢大家! 使用伪元素在父容器后添加线性渐变:在之后,从底部开始,100%渐变,顶部渐变0% 检查以下代码: 正文{ 保证金:0; 填充:0; } 梅因先生{ 背景图片:url(https://picsum.photos/1280/1000?image=1080); 背景尺寸:封面; 背景位置:中心; 高度:100vh; 位置:相对位置; 高度:100vh; 宽度:100wh; 溢出:隐藏; } .效果{ 宽度:100wh; 高度:100vh; } .效果:之后{ 显示:块; 位
谢谢大家! 使用伪元素在父容器后添加
线性渐变
:在之后,从底部开始,100%渐变,顶部渐变0%
检查以下代码:
正文{
保证金:0;
填充:0;
}
梅因先生{
背景图片:url(https://picsum.photos/1280/1000?image=1080);
背景尺寸:封面;
背景位置:中心;
高度:100vh;
位置:相对位置;
高度:100vh;
宽度:100wh;
溢出:隐藏;
}
.效果{
宽度:100wh;
高度:100vh;
}
.效果:之后{
显示:块;
位置:相对位置;
背景图像:线性梯度(至底部,rgba(0,0,0,0)0,000 100%);
利润上限:-100vh;
高度:100vh;
宽度:100wh;
内容:“;
}
Inspect,copy/paste,只是背景大小的封面,位置是上中,只要检查一下,你就知道主题开发者的名字了。。如果你不能检查代码,你也可以写信给他