人脸识别用到的扫描图

最新推荐文章于 2024-08-18 12:38:47 发布

小白style

最新推荐文章于 2024-08-18 12:38:47 发布

阅读量1.4k

点赞数

分类专栏： HTML&CSS

原文链接：https://juejin.im/post/5d9ec8b0518825651b1dffa3

版权

HTML&CSS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <style type="text/css">
 	div{
 		width: 200px;
 		height: 200px;
 		position: absolute;
 		background: 
 		linear-gradient(#03a9f4,#03a9f4),
 		linear-gradient(90deg,#ffffff33 1px,transparent 0, transparent 19px),
 		linear-gradient(#ffffff33 1px,transparent 0,transparent 19px),
 		linear-gradient(transparent,#2196f3);
 		background-size: 100% 1.5%,10% 100%,100% 10%,100% 100%;
 		background-repeat: no-repeat,repeat,repeat,repeat;
 		background-position: 0 0,0 0,0 0,0 0;
 		clip-path: polygon(0% 0%,100% 0%,100% 1.5%,0% 1.5%);
 		animation: move 2s linear infinite;
 	}
 	@keyframes move{
 		to{
 			background-position: 0 100%,0 0,0 0,0 0;
 			clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
 		}
 	}
 </style>
 <body>
 	<div></div>
 </body>
</html>