文章 2014-04-17 来自:开发者社区

利用纯CSS3实现超立体的3D图片侧翻倾斜效果

原文:利用纯CSS3实现超立体的3D图片侧翻倾斜效果 上午的时候我在jQuery论坛上看到网友分享的一款CSS3 3D图片侧翻倾斜特效,觉得效果非常棒,其实话说回来,这玩意儿的实现真的非常简单,主要是创意不错。先来看看效果图。 如何,看上去挺不错吧,倾斜、阴影,让一张很普通的图片变得如此霸气。 另外你也可以在这里查看DEMO演示,鼠标滑过图片时会出现这样的效果。 那么接下来我们分析一下源码吧,.....

文章 2013-08-26 来自:开发者社区

Tridiv:基于 Web 的 CSS 编辑器,创建炫丽 3D 图形

  Tridiv 是一个基于 Web 的编辑器,使用 CSS 创建 3D 形状。它提供了一个传统的四个面板的操作界面,给出了从每个平面的视图,以及一个预览窗格中示出的最终的效果。使用 Tridiv 可以创造极其复杂的对象和动画。 您可能感兴趣的相关文章 OverAPI.com – 史上最全开发人员在线速查手册 HTML5 Maker – 在线轻松制作 HTML5 动画效果 SlimerJS ...

文章 2013-07-23 来自:开发者社区

Codrops 优秀教程:CSS 3D Transforms 实现书本效果

  这个使用  CSS 3D Transforms 实现创意书本效果的来自 Codrops 网站。你可以看到两种类型的书设计:精装书和平装书。这两个效果都可以很容易地使用 CSS 修改。赶紧体验一下吧。 您可能感兴趣的相关文章 -prefix-free:帮你从 CSS 前缀的地狱中解脱出来 Codrops 教程:基于 CSS3 的全屏网页过渡特效 zoom.js:分享一款效果很...

文章 2013-01-05 来自:开发者社区

HTML5实践 -- 使用css3创建动态3d立方体

  在今天的课程中,我将向大家介绍如何使用css3创建3d的立方体。大家可以通过下面的链接浏览实际效果,操作上下左右键,实现立方体的翻转效果。   demo地址:http://www.paulrhayes.com/experiments/cube-3d/   demo下载地址:animated-css3-cube.zip     下面我们开始介绍如何制作。   html: <div...

文章 2012-12-31 来自:开发者社区

HTML5实践 -- 如何使用css创建三角形,使用CSS3创建3d四面体

  今天读了篇关于如何使用css3创建3d四面体的文章,觉的相当不错,所以拿出来和大家分享一下。原文地址:http://www.paulrhayes.com/2010-10/css-tetrahedron/。   demo预览地址:http://www.paulrhayes.com/experiments/pyramid/。   首先要和大家分享的是,如何使用div+css创建三角形。在这里我先....

HTML5实践 -- 如何使用css创建三角形,使用CSS3创建3d四面体

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注