超酷的CSS3列表动画特效在线生成工具 - liffect - GBin1中文互联 - ITeye博客

`

jjfat

浏览: 282540 次
性别:
来自: 北京

最近访客更多访客>>

gdtiti

wqp310520

Csupport

jihong10102006

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

jjfat：暖风清扬写道用过一次使用ajax 跨域请求接口中的json数 ...
前端常见跨域解决方案
暖风清扬：用过一次使用ajax 跨域请求接口中的json数据。但是返回的 ...
前端常见跨域解决方案
IceWee：扫噶，原来如此，老外也耍流氓啊！
Facebook在代码里下毒，百度身受重伤。。。
add2ws：转100圈也不会晕，，笑了。。
现在的人工智能逆天到什么地步了？
wd401169447：强大！学习了多谢
超棒片状过渡效果的jQuery图片幻灯插件 - jq-tiles

超酷的CSS3列表动画特效在线生成工具 - liffect

阅读更多

在线调试在线演示

还记得我们曾经介绍过的开源CSS3动画CSS文件animate.css吗？使用它能够帮助你快速的编码CSS3动画效果。当然，如果你不喜欢自己编写CSS3动画效果代码的话，今天我们将介绍的另外一个在线代码生成工具 liffect肯定会成为你的最爱。

liffect是一个在线的列表动画生成工具，能够帮助你针对一个ul列表来生成动画效果，你可能会经常的看到如下的动画类型：

fadeIn
zoomIn
zoomOut
slideTop
slideDown
pageTop
pageRight
...

所有的以上动画特效，都可以使用liffect轻松的生成。这个工具依赖jQuery和CSS3的动画来生成以上所有的特效。最重要的是能够根据你的特效选择自动生成HTML，CSS和javascript代码。而且提供了其它的选项来有效的控制动画，例如，延迟，CSS前缀等等。相信你能更加精细的控制动画的效果。

分享到：

超棒片状过渡效果的jQuery图片幻灯插件 - j ... | 创新的缩略图展示javascript类库 - Kort.js

2012-11-11 11:01
浏览 719
评论(0)
论坛回复 / 浏览 (0 / 1761)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

4种纯CSS3超酷页面切换过渡动画特效: 这是一款4种效果非常炫酷的纯CSS3页面切换过渡动画特效。该CSS3页面过渡动画使用CSS keyframes制作而成，所有的动画效果和延时都是使用CSS属性，没有任何的javascript timeout()代码。

CSS3超酷模糊发光文字动画特效: 总之，CSS3超酷模糊发光文字动画特效是利用了CSS3的先进特性，通过`text-shadow`、`filter`和`@keyframes`等工具，为网页文字赋予动态的模糊和发光效果，提升页面的视觉体验。开发者可以根据需求调整参数，创造出...

纯css3超酷tabs选项卡动画特效插件: 在本资源中，我们关注的是一个专门用于创建“超酷tabs选项卡动画特效”的纯CSS3插件。这个插件无需JavaScript库如jQuery，完全依赖CSS3的力量来实现各种令人惊叹的视觉效果。首先，我们要了解“tabs选项卡”在网页...

超酷CSS3相册照片墙动画特效: 【超酷CSS3相册照片墙动画特效】是一种利用现代Web技术实现的创新视觉效果，主要依赖于CSS3的强大功能，特别是transform属性。这个特效为网页设计师提供了展示图像集的新方式，通过动态变换和交互性增强用户体验。在...

超酷CSS3 loading加载动画特效: 本文将深入探讨“超酷CSS3 loading加载动画特效”这一主题，帮助你理解如何利用CSS3的特性来打造引人入胜的加载动画。一、CSS3 Animation基础 CSS3动画（Animation）是通过指定一个动画序列，让元素从一种样式...

html5 svg和css3超酷图标动画特效: 在这个“HTML5 SVG和CSS3超酷图标动画特效”项目中，开发者利用了SnapSVG库来实现SVG（可缩放矢量图形）的动画效果，并结合CSS3的特性制作出了一组独特的图标动画。 SVG是一种基于XML的图形标准，它可以绘制出清晰...

超酷的CSS3 3D立体方块动画特效: 综上所述，"超酷的CSS3 3D立体方块动画特效"是一个结合了CSS3变换、透视、阴影和动画的复杂示例，展示了现代网页设计中增强用户体验和视觉吸引力的潜力。通过理解和应用这些技术，开发者可以创造出更生动、更具吸引...

jQuery和CSS3超酷loading加载动画特效: waitMe是一款jQuery和CSS3超酷loading加载动画特效插件。该loading加载动画特效使用CSS3制作了14种不同的loading动画效果，并且你还可以使用图片作为loading动画。

css3超酷3D旋转导航菜单特效: 本案例中，我们关注的是"css3超酷3D旋转导航菜单特效"，这是一个利用CSS3 3D Transforms技术实现的创新性交互设计。这个特效使得网站的导航菜单在用户悬停时展现出立体的旋转效果，增强了用户体验和视觉吸引力。 ...

超酷CSS3鼠标悬停图片背景动画特效: 在这个案例中，“超酷CSS3鼠标悬停图片背景动画特效”利用了CSS3的强大功能，特别是在图像处理和动画方面，为用户带来了一种新颖且吸引人的交互体验。首先，我们要理解CSS3帧动画（keyframe animations）。帧动画...

纯CSS3超酷书架样式404页面动画特效.zip: "纯CSS3超酷书架样式404页面动画特效.zip" 这个标题揭示了我们即将探讨的主题，一个基于CSS3技术的404错误页面设计。这里的“纯CSS3”意味着整个效果是通过CSS3语言实现的，不依赖JavaScript或者其他编程语言，展示...

基于CSS3和GSAP的超酷盒子爆炸动画特效: 这是一款使用GSAP的TweenMax.js和CSS3来制作的效果炫酷的盒子爆炸动画特效。该爆炸动画在用户点击页面中的一个弹跳的盒子的时候，盒子会爆炸为烟雾，然后会出现SVG Logo，整个效果非常连贯逼真。

8款超酷而实用的CSS3按钮动画: 很久没有向大家分享关于CSS3按钮的动画特效了，今天就给大家带来8款超酷而实用的CSS3按钮动画，由于google字体服务被屏蔽的缘故，所以你在截图上看到的字体和实际演示会有所差异。一起来看看这些CSS3按钮吧。 1、CSS...

CSS3鼠标hover图片超酷遮罩层动画特效: 【CSS3鼠标hover图片超酷遮罩层动画特效】是一种利用CSS3的特性来实现的交互效果，主要应用于网页设计中。此特效的核心在于通过:hover伪类和transition属性，配合遮罩层的概念，来实现鼠标悬停时图片的动态变化。...

纯CSS3超酷书架样式404页面动画特效: 【CSS3库】是网页设计领域中的一个重要工具，它提供了丰富的样式和动画功能，使得开发者可以创建出富有表现力和动态效果的网页。本案例中，我们关注的是一个基于CSS3的超酷书架样式404页面动画特效。这个特效以独特...

纯CSS3超酷3D旋转立方体动画特效: 在本项目中，"纯CSS3超酷3D旋转立方体动画特效" 是一个利用现代浏览器支持的CSS3特性创建的交互式动画效果。这个特效展示了CSS3的强大能力，特别是其3D转换和透视（perspective）属性，使得在网页上实现三维视觉效果...

7款外观迷人的HTML5/CSS3 3D按钮特效: 下面我整理了7款外观都十分迷人的HTML5/CSS3 3D按钮特效，有几个还挺实用的，分享给大家...CSS3按钮可以做的非常漂亮，又可以融合一些超酷的动画特效，比如这款按钮纯CSS3 3D按钮按钮酷似牛奶般剔[......] 阅读全文>>

纯CSS3实现超酷的磁带动画特效源码.zip: 【标题】"纯CSS3实现超酷的磁带动画特效源码"，这是一份使用CSS3技术构建的独特动画效果的源代码。CSS3是层叠样式表的第三版，相较于CSS2，它引入了许多新的特性和功能，使得网页设计更加丰富多彩，动态效果更为逼真...

16个超酷的CSS3动画按钮: 总结来说，这个“16个超酷的CSS3动画按钮”集合展示了CSS3如何通过其强大的动画功能和选择器系统，为网页界面带来生动、有趣的交互体验。开发者可以通过学习和理解这些示例，提升自己的前端开发技能，为网站和应用...

Global site tag (gtag.js) - Google Analytics