效果:
代码:
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程()</title> <script src="/jquery/3.4.1/jquery.min.js"></script><script src="/ajax/libs/jquery.ripples/0.5.3/jquery.ripples.min.js"></script><script>$(document).ready(function(){$(".full-landing-image").ripples({resolution: 200,perturbance: 0.04,});});</script><style>.full-landing-image{width: 100%;height: 100vh;background: url(/png_preview/00/11/21/QavTHpmzY6.jpg!/fw/780) no-repeat center;background-size: cover;}</style></head><body><div class="full-landing-image"></div></body></html>