输入框+背景特效（附源码）

悟解了

于 2024-01-23 05:00:00 发布

阅读量559

点赞数 12

分类专栏：页面分享前端文章标签：前端

本文链接：https://blog.youkuaiyun.com/liyankang/article/details/135761207

版权

特色：

背景的例子效果可以跟随输入框的内容动态变化。

话不多说，看展示。

代码我放在下面哦，快快白嫖起来吧。

HTML文件

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>关注悟解</title>
    <link rel="stylesheet" href="./style.css">
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/53148/EasePack.min.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/53148/TweenLite.min.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/53148/easeljs-0.7.1.min.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/53148/requestAnimationFrame.js'></script>
    <script src="./script.js"></script>
  </head>
  <body>

    <canvas id="text" width="500" height="100"></canvas>
    <canvas id="stage" width="500" height="100"></canvas>
    <form id="form">
      <input type="text" id="inputText" value="HELLO" />
      <input type="