1fy07h 发表于 2024-6-30 01:36:10

html所展示的特效让人匪夷所思


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">作者：SuneBear</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">链接：</p><a style="color: black;">HTML5 有<span style="color: black;">那些</span>让你惊艳的 demo？ - SuneBear 的回答</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">源自</span>：知乎</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">著作权归作者所有，转载请联系作者<span style="color: black;">得到</span>授权。</p><a style="color: black;">Animated Books with CSS 3D Transforms</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 这是一个3D书本，CSS3完成</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">=========HTML5特效聚集网站========</p><a style="color: black;">christmasexperiments.com 的页面</a><a style="color: black;">chromeexperiments.com 的页面</a><a style="color: black;">Mr.doob</a><a style="color: black;">litewerx.showcase</a><a style="color: black;">Form Follows Function</a><a style="color: black;">AlteredQualia</a><a style="color: black;">html5rocks.com 的页面</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">===========视觉特效与交互式视频============</p><a style="color: black;"><span style="color: black;">http://www.</span><span style="color: black;">thewildernessdowntown.com</span><span style="color: black;">/</span></a><a style="color: black;">Interactive Film "itsumo kawaii"</a><a style="color: black;"><span style="color: black;">http://www.</span><span style="color: black;">beonlineb.com/</span></a><a style="color: black;">Arcade Fire / Just a Reflektor</a><a style="color: black;">Aaronetro</a>pe
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 3D科幻视频投影对话</p><a style="color: black;">Aleksandar Rodic</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 3D立体博客</p><a style="color: black;">Beanstalk</a><a style="color: black;"><span style="color: black;">http://www.</span><span style="color: black;">ro.me/</span></a><a style="color: black;">three.js webgl</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 动态地图</p><a style="color: black;">Ô Green by SPECIAL.T</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 水中植物<span style="color: black;">宣传</span></p><a style="color: black;">Kimatica - Creative Connections</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 树脉</p><a style="color: black;">Earth to Echo</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 电影科幻宣传网站</p><a style="color: black;"><span style="color: black;">http://</span><span style="color: black;">middle-earth.thehobbit.com</span><span style="color: black;">/map</span></a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 霍比特人</p><a style="color: black;">HelloRun™</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 线稿房间，<span style="color: black;">第1</span>人<span style="color: black;">叫作</span>动</p><a style="color: black;">LETTERS, INC.</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 集成电路</p><a style="color: black;">Dataveyes | Human Data Interactions</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 视觉粒子</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">=========音乐与可视化==========</p><a style="color: black;"><span style="color: black;">h</span></a>ttp://<span style="color: black;">do.adive.in/</span><a style="color: black;">Rocking dendrites</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 摇滚与触手</p><a style="color: black;">Arabesque - Music Colour Particles</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 优美的纯音乐与彩色烟雾</p><a style="color: black;">compo.filler</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 蓝电之音</p><a style="color: black;">Lights</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 波点</p><a style="color: black;">ÜberViz</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 电子</p><a style="color: black;">A [ Radiohead</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 音乐画画</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">=========<span style="color: black;">理学</span>特性元素============</p><a style="color: black;">Blob </a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 大水球</p><a style="color: black;">Andrew Hoyer</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 布-骨架</p><a style="color: black;">HTML5 Fish Bowl</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> IE-鱼缸</p><a style="color: black;">googlecode.com 的页面</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> chrome-水族馆</p><a style="color: black;">three.js webgl</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 动物</p><a style="color: black;">Liquid Particles 3D</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 3D粒子流</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">==========画绘与生成===========</p><a style="color: black;">10 Jaw Dropping HTML5 and Javascript Effects</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 10个画绘特效</p><a style="color: black;">wormz . html5 canvas experiment</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">照片</span>生成毛毛虫~~</p><a style="color: black;">Silk – Interactive Generative Art</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 光效</p><a style="color: black;">Sketch Toy: Draw sketche</a>s and share replays with friends!
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 记录线稿<span style="color: black;">过程</span></p><a style="color: black;">ASCIIFlow Infinity</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> ASCII字符生成图表</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">========<span style="color: black;">有些</span>融入了HTML5的网站=======</p><a style="color: black;">Andrew McCarthy</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 滚动动物奔跑</p><a style="color: black;"><span style="color: black;">http://</span><span style="color: black;">tokyomildfoundation.com</span><span style="color: black;">/</span></a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">东京温柔基金</p><a style="color: black;">fifty-five | the data agency</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 垂直分割</p><a style="color: black;">A P R I L Z E R O</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 数据分析</p><a style="color: black;">Gaming Media</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 创意横向滚动</p><a style="color: black;">Luxaqua | Aquarium Design</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 深邃海底纵向滚动</p><a style="color: black;">KILFISH</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 鬼畜纵向滚动</p><a style="color: black;">有顆梅，在台灣</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 食品纵向滚动</p><a style="color: black;">Vespillo le film</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> Vespillo纵向滚动</p><a style="color: black;">Exploring Moon Bears</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> IE-月熊志</p><a style="color: black;">Metal Junk: The Game</a>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> HTML5游戏：金属废墟，游戏就不展开了~~</p>




1fy07h 发表于 2024-10-12 23:46:08

期待与你深入交流，共探知识的无穷魅力。

4zhvml8 发表于 2024-11-12 12:33:24

同意、说得对、没错、我也是这么想的等。
页: [1]
查看完整版本: html所展示的特效让人匪夷所思