文字探照灯动画效果
代码语言:html
所属分类:动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> Light</title>
<style>
body {
align-items: center;
background-color: #333;
display: flex;
justify-content: center;
overflow: hidden;
height: 100vh;
}
.cut {
-webkit-clip-path: polygon(
0% 0.67435509%,
0.001% 76.864952%,
19.42075% 76.865953%,
22.46631% 76.864653%,
30.31704% 76.865953%,
33.13677% 47.031546%,
33.1839% 50.785461%,
33.32214% 54.23464%,
33.54677% 57.387721%,
33.85306% 60.253326%,
34.23628% 62.840094%,
34.69172% 65.156644%,
35.21463% 67.211618%,
35.80031% 69.013635%,
36.44402% 70.571332%,
37.14103% 71.893338%,
37.88663% 72.988278%,
38.67609% 73.864787%,
39.50467% 74.531496%,
40.36766% 74.997031%,
41.26033% 75.270026%,
42.17796% 75.359106%,
42.79248% 75.337566%,
43.34577% 75.270556%,
43.84433% 75.153996%,
44.29456% 74.983879%,
44.70298% 74.756465%,
45.07605% 74.467785%,
45.42022% 74.113946%,
45.74197% 73.691036%,
46.04773% 73.195128%,
46.34401% 72.622304%,
46.63726% 71.968665%,
46.93395% 71.230286%,
47.24054% 70.403257%,
47.5635% 69.483676%,
47.90929% 68.467619%,
48.28437% 67.351177%,
48.45936% 71.283418%,
48.25409% 74.596894%,
47.73926% 77.320726%,
46.98559% 79.484.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0