原文:Bounce.js – 快速创建漂亮的 CSS3 动画效果

Bounce.js 是一个用于制作漂亮的 CSS 关键帧动画的 JavaScript 库,使用其特有的方式生成的动画效果。只需添加一个组件,选择预设,然后你就可以得到一个短网址或者导出为 CSS 代码。 您可能感兴趣的相关文章 太赞了 超炫的页面切换动画效果 附源码下载 创意无限 一组网页边栏过渡动画 附源码下载 好东西 动感的页面加载动画效果 附源码下载 使用 CSS 实现 D图片滑块效果 附 ...

2014-06-17 10:26 0 8414 推荐指数:

查看详情

CSS3动画按钮效果 5种漂亮样式

这次我们要来分享一款很不错的CSS3按钮动画,这款CSS3按钮一共有5种动画方式,每一种都是鼠标滑过动画形式,虽然这些动画按钮不是十分华丽,但是小编觉得不像其他按钮那样很难扩展,我们可以修改CSS代码随意改变自己喜欢的颜色样式。 在线演示源码下载 让我们一起来看看实现这5中样式动画按钮 ...

Wed Sep 06 05:29:00 CST 2017 0 3196
Magic CSS3创建各种神奇的交互动画效果

  Magic CSS3 Animations 动画是一个独特的 CSS3 动画特效包,你可以自由地使用您的 Web 项目中。只需简单的在页面上引入 CSS 样式: magic.css 或者压缩版本 magic.min.css 就可以使用了。 这个项目现在GitHub上,包含 bling ...

Mon Apr 14 18:44:00 CST 2014 2 15779
CSS3动画效果之transition

  CSS3中有两种方式实现动画,transition和animation+@keyframe。   两者的作用机制不一样:transition定义在可能要进行动画的元素上,对某些CSS属性进行监听,一旦CSS改变则进行动画;animation定义在马上要进行动画的元素上,一旦定义动画即进行 ...

Mon Mar 16 19:58:00 CST 2015 0 2186
css3实现漂亮的倒影效果

实际上还有很多CSS新属性并未包含进CSS3官方标准中。-webkit-box-reflect属性就是以谷歌浏览器为代表的Webkit渲染引擎独有的特征。-webkit-box-reflect的作用是让图片出现倒影。 如果一个图片,我们想要给其增加倒影,做法 ...

Tue May 09 00:55:00 CST 2017 0 6990
CSS3动画效果transition

1.transition的浏览器支持情况 IE10+支持,IE6\7\8\9都不支持!目前,其他浏览器最新版本都支持,不需要再加前缀 -webkit- 之类的了 2. 还是一步一步说说怎么用transition吧 页面只有一个div,其css如下: 鼠标移动到div上,div ...

Sat Dec 29 23:18:00 CST 2018 0 5219
CSS3js-Animate实现动画效果

使用CSS3的"@keyframes"规则,通过改变元素的位置和大小来实现简单的动画效果,这种实现方式在于定义好动画的keyframes属性和执行的轨迹函数。因此,不需要javascript插件也可以实现一些复杂的动画效果,然而,它只能实现在一些比较现代的浏览器中。通常我们需要和js混合使用实现 ...

Tue Aug 04 17:06:00 CST 2015 0 3867
CSS3动画效果——js调用css动画属性并回调处理详解

http://www.jb51.net/css/258407.html 这篇文章主要详细介绍了CSS3动画效果回调处理,需要的朋友可以参考下 我们在做js动画的时候,很多时候都需要做回调处理,如在一个动画完成后触发一个事件、一个动画完成后执行另外一个动画等等,但在使用CSS3动画时 ...

Tue May 10 23:49:00 CST 2016 0 7673
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM