three+vfx实现文字和图片像素扫描入场显示动画效果代码-html代码-BFW代码库

three+vfx实现文字和图片像素扫描入场显示动画效果代码

代码语言：html

所属分类：动画

代码描述：three+vfx实现文字和图片像素扫描入场显示动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  


  
  
<style>
html, body { height: 100%; margin: 0; }
body {
  background: black;
  text-align: center;
}

section {
  padding: calc(50svh - 15svh) 0;
}
img {
  height: 30svh;
}
img:first-child { margin-bottom: 30svh; }
img:last-child { margin-top: 30svh; }
h2 {
  display:block;
  color: white;
  font-family: sans-serif;
  font-size: 24svh;
  margin: 8svw 0;
}
</style>


  
  
</head>

<body translate="no">
  <section>
  <img src="//repo.bfw.wiki/bfwrepo/image/5fc2f22ed8eda.png" 
       data-delay="0.3"/>
  
  <h2>Hello.</h2>
  <h2>New.</h2>
  <h2>World.</h2>

  <img src="//repo.bfw.wiki/bfwrepo/image/60cc697953133.png"
       data-mode="2"
       data-delay="0.3&quo.........完整代码请登录后点击上方下载按钮下载查看