css布局实现跳舞的文本段落动画效果代码-html代码-BFW代码库

css布局实现跳舞的文本段落动画效果代码

代码语言：html

所属分类：动画

代码描述：css布局实现跳舞的文本段落动画效果代码

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


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

<head>

  <meta charset="UTF-8">

  
  
  
<style>
body{
  margin:0;
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
}

.para-container{
  width:500px;
  height:500px;
  border:5px solid;
  border-radius:50%;
}

.para-container p{
  background-image:url('https://static.wikia.nocookie.net/f05bcfd2-cb01-4918-b55b-2398ade08213/scale-to-width/755');
  background-size:550px;
  background-repeat:no-repeat;
  background-position:center top;
  font-weight:bolder;
  font-family:helvetica;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
</style>

</head>

<body>
  <div class="para-container">
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem debitis reprehenderit totam eius adipisci conseq.........完整代码请登录后点击上方下载按钮下载查看