实例:打散文字随机浮动特效
技术栈:HTML+CSS+JS
效果:

源码:
【HTML+JS】
- html>
- <html>
-
- <head>
- <meta http-equiv="content-type" content="text/html; charset=utf-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
-
- <title>打散文字随机浮动特效title>
- <link rel="stylesheet" href="170.css">
- head>
-
- <body>
- <article>
- <p id="text">你说帘外海棠,锦屏鸳鸯;后来庭院春深,咫尺画堂。你说笛声如诉,费尽思量;后来茶烟尚绿,人影茫茫。你说可人如玉,与子偕臧;后来长亭远望,夜色微凉。你说霞染天光,陌上花开与谁享;后来烟笼柳暗,湖心水动影无双。你说彼岸灯火,心之所向ÿ