脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 网页制作 > CSS > css3 >

45个非常奇妙的CSS3 特性应用示例

  发布时间：2012-01-01 12:15:08   作者：佚名   我要评论
这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例，它们验证了 CSS3 Transform 和 Transition 等属性的强大能力
这篇文字收集了45个让人觉得不可思议的 CSS3 应用示例，它们验证了 CSS3 Transform 和 Transition 等属性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善，设计师和开发者们有了更多的选择，以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画，如今使用纯 CSS 代码就可以很容易实现。

CSS3 Clock With jQuery

css3 clock

Another Image Gallery

image gallery

Sliding Vinyl

sliding vinyl

3D Cube That Rotates Using Arrow Keys

3d cube

Multiple 3D Cubes (Slide In/Out)

multiple 3d cubes

CSS3 Accordion

css3 clock

Auto-Scrolling Parallax

auto scrolling parallax

Isocube

isocube

Image Gallery

image gallery

Matrix

matrix

7 Javascript-effect Alternatives Using CSS3

javascript effect alternatives

Image Hover Effects

css3 clock

Turning Coke Can (Control With Scrollbar)

coke can

3D Meninas

3d meninas

Polaroid Gallery

polaroid gallery

Space

Note: this one is graphic intense and takes a while to load, but the result is crazy!

space

Mac Dock

css3 clock

Drop-In Modals

drop in modals

Zooming Polaroids

zooming polaroids

Animated Rocket

animated rocket

Poster Circle

poster circle

Morphing Cubes

morphing cubes

Analogue Clock

analogue clock

Falling Leaves

falling leaves

Animated Polaroid Gallery

polaroid gallery

Spotlight Cast Shadow

spotlight cast shadow

Colorful Clock

colorful clock

Lightbox Gallery (Draggable)

css3 clock

Elastic Thumbnail Menu

elastic thumbnail menu

Coverflow

coverflow

Snowflakes

snow

jQuery DJ Hero

dj hero

Dynamic Stacking Cards

stacking cards

Snow Stack (Control With Arrow Keys)

snow stack

Animated Pricing Column

animated pricing column

Slick jQuery Menu

slick jquery menu

CSS3

sticky notes

CSS Tabs Without Javascript

css tabs

Tab Menus Without Javascript

tab menus

SVG Fisheye Menu

fisheye menu

Dynamic Presentation Without Flash

dynamic presentation

Rotating Gallery

rotating gallery

Dropdown Menu

dropdown menu

Frame-by-Frame Animation (Hover to Play)

css3 animation

Another Accordion

another accordion

AT-AT Walker (No Flash or Javascript)

css3 animation walker

Another Fisheye

fisheye

相关文章

  • CSS3网格的三个新特性详解

    在这篇文章中，我们将来看一些CSS3新属性，从而用HTML和CSS处理网格的时候更容易。但首先让我们讨论一点HTML和CSS网格的历史，了解清楚为什么以前很困难
    2014-04-04

  • 利用CSS3的特性改变文本选中时的颜色

    选中文字时选区颜色变成了绿色，跟网站整体的绿色风格非常协调，其实实现很简单利用CSS3的特性，同样也可以指定部分元素设置选区颜色，详细如下，喜欢的朋友可以参考下
    2013-09-11

  • less让css具有动态语言的特性

    Less 是一种样式语言，它将 css 赋予了动态语言的特性，如变量、 继承、 运算、 函数。less 既可以在客户端上运行（支持IE 6+, Webkit, Firefox），也可以借助 Node.js 或
    2012-11-20

  • CSS 框架BlueTrip特性

    BlueTrip 是一个想要整合以下优点的CSS 框架： 集成了BluePrint & Tripoli 框架的做好的部分； Hartija 的打印样式； 960.gs的简洁； Elem
    2009-07-01

  • CSS教程:学习CSS的继承性-CSS教程-网页制作-网页教学网

    所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设，需要指定为其它样式的部份设定在个别元素里即可。这项
    2008-10-17

  • CSS教程:优先级问题的考虑实例-CSS教程-网页制作-网页教学网

    　　如果同个元素有两个或以上冲突的CSS规则，浏览器有一些基本的规则来决定哪一个非常特殊而胜出。 　　它可能不像其它那么重要，大部分案例你不需要担心冲突，但大型
    2008-10-17

  • 容易忽略的CSS特性

    CSS初学者感到很简单，没什么难点，其实是你还没深入理解css特性，下面通过本文给大家分享容易忽略的css特性，本文都是小编日常所遇到的坑，非常具有参考借鉴价值，特此分
    2016-01-08

最新评论

关注微信公众号

扫一扫