Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 预装筛,具有元件轮廓结构_Javascript_Html_Css - Fatal编程技术网

Javascript 预装筛,具有元件轮廓结构

Javascript 预装筛,具有元件轮廓结构,javascript,html,css,Javascript,Html,Css,关于这一点,使用什么技术或语言来以这样一种概括的结构方式执行网站的预加载屏幕?加载时,所有元素都会执行扫描 鉴于网站是www.youtube.com,这也可以在facebook、亚马逊、媒体等网站上找到 请建议如何开始这项工作 这称为微光。您可以使用HTML和CSS制作微光。在加载数据之前显示shimmer,并使用javascript隐藏/删除它。下面是一个示例代码 正文{ 边框:2个实心f6f7f8; 填充:100px; } .发光{ 背景:f6f7f8; 背景图像:向右线性渐变,f6f7f

关于这一点,使用什么技术或语言来以这样一种概括的结构方式执行网站的预加载屏幕?加载时,所有元素都会执行扫描

鉴于网站是www.youtube.com,这也可以在facebook、亚马逊、媒体等网站上找到


请建议如何开始这项工作

这称为微光。您可以使用HTML和CSS制作微光。在加载数据之前显示shimmer,并使用javascript隐藏/删除它。下面是一个示例代码

正文{ 边框:2个实心f6f7f8; 填充:100px; } .发光{ 背景:f6f7f8; 背景图像:向右线性渐变,f6f7f8 0%,edeef1 20%,f6f7f8 40%,f6f7f8 100%; 背景重复:无重复; 背景尺寸:800px 104px; 显示:内联块; 位置:相对位置; -webkit动画持续时间:1s; -webkit动画填充模式:正向; -webkit动画迭代计数:无限; -webkit动画名称:占位符闪烁; -webkit动画计时功能:线性; } 盒子{ 高度:104px; 宽度:100px; } div{ 显示:内联flex; 弯曲方向:立柱; 左边距:25px; 边缘顶部:15px; 垂直对齐:顶部; } 线条{ 高度:10px; 边缘顶部:10px; 宽度:200px; } 照片{ 显示:块!重要; 宽度:325px; 高度:100px; 边缘顶部:15px; } @-webkit关键帧占位符闪烁{ 0% { 背景位置:-468px 0; } 100% { 背景位置:468px 0; } }
这能解决你的问题吗?是的。谢谢。谢谢你的反馈!声誉低于15的人所投的票将被记录,但不会改变公开显示的帖子分数。我做了好几次,但突然出现: