阅读更多

11顶
1踩

Web前端

原创新闻 47个不可思议的CSS3 动画演示

2010-02-08 17:53 by 副主编 zly06 评论(3) 有7999人浏览

WebDesignerWall 网站总结了47个不可思议的CSS3 动画演示,其中有一部分JavaEye新闻也曾介绍过。这一辑总结的47个CSS3动画都很经典,效果都非常酷。

1.CSS3 Clock With jQuery

css3 clock

2.Analogue Clock

analogue clock

3. 3D Cube That Rotates Using Arrow Keys

3d cube

4.Multiple 3D Cubes (Slide In/Out)

multiple 3d cubes

5.CSS3 Accordion

css3 clock

6.Auto-Scrolling Parallax

auto scrolling parallax

7.Isocube

isocube

8.Image Gallery

image gallery

9.Matrix

matrix

10. 7 Javascript-effect Alternatives Using CSS3

javascript effect alternatives

11.Image Hover Effects

css3 clock

12.Turning Coke Can (Control With Scrollbar)

coke can

13.3D Meninas

3d meninas

14.Polaroid Gallery

polaroid gallery

15.Space

加载需要一段时间,请耐心等待

space

16.Mac Dock

css3 clock

17.Drop-In Modals

drop in modals

18.Sliding Vinyl

sliding vinyl

19.Zooming Polaroids

zooming polaroids

20.Animated Rocket

animated rocket

21.Poster Circle

poster circle

22.Morphing Cubes

morphing cubes

23.Falling Leaves

falling leaves

24.Animated Polaroid Gallery

polaroid gallery

25.Spotlight Cast Shadow

spotlight cast shadow

26.Colorful Clock

colorful clock

27.Lightbox Gallery (Draggable)

css3 clock

28.Elastic Thumbnail Menu

elastic thumbnail menu

29.Coverflow

coverflow

30.Snowflakes

snow

31.jQuery DJ Hero

dj hero

32.Dynamic Stacking Cards

stacking cards

33.Another Image Gallery

image gallery

34.Snow Stack (Control With Arrow Keys)

snow stack

35.Animated Pricing Column

animated pricing column

36.Slick jQuery Menu

slick jquery menu

37.CSS3

sticky notes

38.CSS Tabs Without Javascript

css tabs

39.Tab Menus Without Javascript

tab menus

40.SVG Fisheye Menu

fisheye menu

41.Dynamic Presentation Without Flash

dynamic presentation

42.Rotating Gallery

rotating gallery

43.Dropdown Menu

dropdown menu

44.Another Fisheye

fisheye

45.Frame-by-Frame Animation (Hover to Play)

css3 animation

46.Another Accordion

another accordion

47.AT-AT Walker (No Flash or Javascript)

css3 animation walker

来自: webdesignerwall
11
1
评论 共 3 条 请登录后发表评论
3 楼 glh 2010-06-04 12:43
真是太棒了
2 楼 longshao_feng 2010-02-12 10:02
真不是一般的惊讶。。。
1 楼 zhangdaiping 2010-02-09 16:29
HTML5+CSS3

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • GUIDGEN生成工具

    GUID生成工具,打开exe文件后点击New GUID再点击Copy即将新的GUID复制到了剪切板中

  • GUID的生成

    看到了msdn下的一个例子,很简单,可以在msdn中搜索:GUIDGEN: Generates Globally Unique Identifiers (GUIDs)里面有个例子,产生的GUID如下: GUID m_guid;CString str;::CoCreateGuid(&m_guid);str.Format( "{%08lX-%04X-%04x-%02X%02X-%02X

  • VC++ 创建自己的头文件包含GUID

             Guidgen 是比较好用的工具之一,可以使用它来创建ActiveX控件的UUID,同时可以创建独特的剪贴板格式名称和唯一的标识符的内核对象, 如信号量、互斥和事件。              但我需要为另一个目的创建一个唯一的名称。这需要很少的努力,但需要一些技巧,以获得正确的效果。         我需要的是一个 #define 定义的唯一 id, 它将使头文件不被包含多次。...

  • 基本概念学习(六)---GUID(全局唯一表示符)

    GUID(全局唯一标识符)全局唯一标识符(GUID,Globally Unique Identifier)是一种由算法生成的二进制长度为128位的数字标识符。GUID主要用于在拥有多个节点、多台计算机的网络或系统中。在理想情况下,任何计算机和计算机集群都不会生成两个相同的GUID。GUID 的总数达到了2^128(3.4×10^38)个,所以随机生成两个相同GUID的可...

  • NET中为第三方COM对象创建GUID

    在新建某些COM对象时要求输入GUID参数 objGMApp.New("C:\Program Files\GeoMedia Professional\Templates\GeoWorkspaces\normal.gwt" , "{F7158021-6963-4e1e-9D5D-C947E5AA8A1E}", null); NET自带工具能生成GUI...

  • C++生成GUID的两种方法

    C++生成GUID的两种方法C++生成GUID的两种方法使用 C++生成GUID的两种方法 GUID是软件开发中常用的组件,用于生成唯一的对象,在C#、Java以及Python等语言中,因为它们的标准库比较丰富,因此GUID的生成比较简单,往往一两句代码就能搞定。而C++语言本身以及标准库都没有提供生成GUID的API,因此,无法直接使用C++生成GUID。本文介绍两种利用C++间接创建GUID的...

  • RandomGUID[源代码,转]

    /* * RandomGUID * @version 1.2.1 11/05/02 * @author Marc A. Mnich * * From www.JavaExchange.com, Open Software licensing * * 11/05/02 -- Performance enhancement from Mike Dubman.  *             Moved

  • java guid int64_java生成GUID代码

    package fops.presentation;import java.io.IOException;import java.net.InetAddress;import java.net.UnknownHostException;import java.security.MessageDigest;import java.security.NoSuchAlgorithmException;i...

  • GUID之NET生成代码

    ''' <summary> ''' 生成新的ID值 ''' </summary> ''' Function NewGUID(Optional ByVal Len As Integer = 8, Optional T As Integer = 0) As String '生成GUID码 Dim N As String = Guid.NewGuid....

  • UUID/GUID介绍、生成规则及生成代码

    https://blog.csdn.net/qq_44910516/article/details/89397251

  • 动态生成GUID

    C#语句: for(int i = 0;i<50;i++) { Response.Write(@"<br>System.Guid.NewGuid().ToString() = " + System.Guid.NewGuid().ToString()); Response.Write(@"<br>System.Gui...

  • 短址(short URL)原理及其实现

    http://blog.csdn.net/beiyeqingteng/article/details/7706010 URL 解析: 当我们在浏览器里输入 http://goo.gl/Jfs6q 时,DNS首先解析获得http://goo.gl/的IP地址。当DNS获得IP地址以后(比如:74.125.225.72),会向这个地址发送HTTP GET请求,查询 Jfs6q, 这个时候,ht

  • C#生成Guid的几种方式

    1 var uuid = Guid.NewGuid().ToString(); // 9af7f46a-ea52-4aa3-b8c3-9fd484c2af12 2 var uuidN = Guid.NewGuid().ToString("N"); // e0a953c3ee6040eaa9fae2b667060e09 3 var uuidD = Guid.NewGuid().ToString("D"); // 9af7f46a-ea52-4aa3-b8c3-9fd484c2af12 4 var ...

Global site tag (gtag.js) - Google Analytics