20个神奇的伪Flash网站

本文展示了10个使用老式HTML和CSS技术实现的网站案例,通过少量JavaScript,这些网站能创造出类似Flash的动画效果,包括图片加载动画、动态图标交互、3D效果展示、滚动内容加载等,充分展现了HTML与CSS的强大潜力。

开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

 不要以为下面的这些网站是使用Flash做的,它们实际上是使用老式的HTML和CSS构建,也会有少许的JavaScript,同样也能达到出乎意料的动画效果。

1. Emilie Crssrd
该网站做了很多设计,而使它看起来像Flash,图片加载动画更像Flash网站常见的效果一样 。


2. Stefan Kanchev
图标的淡入和淡出效果和你的鼠标经过的路径形成了完美的互动。


3. Brand Republic
该网站基于CSS元素动态地改变标准边界,创造一个3D效果,并确保Logo在强烈的背景下脱颖而出。


4. Cooper
在导航中选择项目,相关内容会滚动到当前窗口中,图片的平稳过渡,感觉非常像Flash,但它确实是使用标准的Web语言来完成 。


5. Flipboard
支持页面动态调整,以适应您的浏览器(有些限制),你会发现一个标准的Flash效果。


6. Crafty 2010
风格和可用性之间达到一个很好的平衡。


7. 20 Things I Learned About Browsers and the Web



8. NL Engenharia

滑出式导航、全屏幕图像、动态调整大小,该网站拥有Flash网站的所有特点。


9. Ryan C. Jones
该网站有一个美丽的摄影组合,它利用一个简单而有效的方式来展示摄影作品。


10. Studio Gang Architects
乍一看,创意的界面类似Flash,它显示出老式的HTML也可以做动画效果。


11. DIST Creative
凭借其动画、装载图标和流动界面,这个网站是基于HTML的非常实用的动画解决方案,拥有好的Flash布局创造力。


12. Messages for Japan
该动画形式很好地突出了用户的互动。


13. Atlason
该网站内容充满屏幕,窗口式的布局更易让人喜欢。


14. Bit Byte Bit
动态的区域。


15. FORM



16. EEHarbor
该网站的速度是其成功的一大原因,你不会觉得动画内容花哨。


17. Wells Riley
一个非常特别的拉绳动画效果 。


18. Manchester Design Symposium
具有超洁净和简单的界面,拥有固定不变的头部,页面下面的部分可以滚动浏览。


19. Sophie Hardach
有一些有趣的动画,如元素的移动、放大、停留,还有底部的波浪效果。


20. Renato Zero
向下滚动浏览,就会出现一个新的页面。动画是快速的,仿佛感觉不到加载。


开发板推荐:天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值