5.视觉/动画

?

FlipClock    3D翻转时钟插件

http://www.flipclockjs.com/

fullPage.js    一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站

https://github.com/alvarotrigo/fullPage.js

grayscale.js    灰度效果插件

http://james.padolsey.com/javascript/grayscaling-in-non-ie-browsers/

jQuery Easing Plugin    jQuery动画效果扩展插件

官网:http://gsgd.co.uk/sandbox/jquery/easing/

演示地址:http://james.padolsey.com/demos/jquery/easing/

jQuery Knob    Nice, downward compatible, touchable, jQuery dial

GitHub:https://github.com/aterrien/jQuery-Knob

演示地址:http://anthonyterrien.com/knob/

NProgress.js    slim progress bars in JavaScript

http://ricostacruz.com/nprogress/

Velocity.js    Accelerated JavaScript animation

http://julian.com/research/velocity/

时间: 2024-12-29 23:04:36

5.视觉/动画的相关文章

Android第三十七期 - 视觉动画下拉刷新

代码已经整理好,效果如下如图: 地址:http://down.51cto.com/data/2048012

笔记-动画篇-layout动画初体验

约束动画的文章要比预计的迟迟来临,最大的原因是没有找到我认为的足够好的动画来讲解约束动画 —— 当然了,这并不是因为约束动画太难.相反,因为约束动画实在太简单了,反而没有足够多的简单动画素材让我选用.下面这个动画取自于朋友公司的app,我仿做了一个,作为今天的demo,具体效果如下: 约束动画 关于约束 在这一小节我会简单的介绍一下约束的用法,如果您已经在使用storyboard进行开发了,那么可以跳过这一节. 假设现在有这么一个需求,你需要将文章显示在界面的中间位置,大致是左右空30pt.上方

[Swift通天遁地]八、媒体与动画-(11)实现音乐播放的动态视觉效果

本文将演示使用第三方类库实现音乐播放的动态视觉效果. 首先确保已经安装了所需的第三方类库.双击查看安装配置文件[Podfile] 1 platform :ios, ‘12.0’ 2 use_frameworks! 3 4 target 'DemoApp' do 5 source 'https://github.com/CocoaPods/Specs.git' 6 pod 'AudioIndicatorBars' 7 end 根据配置文件中的相关设置,安装第三方类库. 安装完成之后,双击打开项目文

css3 过渡和动画

过渡 transition 1.过渡的定义和使用 在没有过渡属性的时候,当一个元素的属性值发生变化时,浏览器就会将个这个元素瞬间渲染成新属性值的样式.例如一个定位元素top:0,动态修改成top:100px,这个元素就瞬间跑到100px的位置,有时候我们为了达到某种视觉效果,希望它以动画的形式在一定的时间内,从旧的样式转变成新的样式,而这个过程就是过渡.过渡其实就是一个简单的动画效果 transition是简写之后的属性名,它其实是4个属性合并而成的,按顺序依次是: transition-pro

A-Frame WebVR开发新手教程

WebVR和WebGL应用程序接口使得我们已经能够在浏览器上创建虚拟现实(VR)体验.但从project化的角度而言,开发社区还须要很多其它方便强大的开发库来简化编程.Mozilla的 A-Frame 框架就是这样一个工具.提供了一个Web开发人员所熟悉的标记语言来高速构建3D VR场景动画原型.而不须要编写过多的JavaScript和GLSL语句. 本文将介绍怎样使用A-Frame构建一个简单的在线可执行实例.你能够先看下在线演示效果. 參考文档:A-Frame中文文档开发指南在线教程 概览

第十四章 校本化CSS

CSS(层叠样式表)是一种指定HTML文档视觉的表现的标准.CSS本来是让视觉设计师来使用的:它允许设计师精确的对文档元素的字体 ,颜色,外边距,缩进,边框甚至是定位.不过,客户端javascript程序员对CSS感兴趣的是因为样式可以通过脚本编程.校本化css启用了一系列有趣的视觉效果.例如:可以创建动画让文档从右侧“滑入”:也能创建一个轮廓伸缩的列表.在利民用户自己控制显示的信息量.首次推出校本化的视觉效果是革命性的.创造这些效果的javascript和css技术在以前统称为动态HTML(D

A-Frame WebVR开发入门教程

WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实(VR)体验,但从工程化的角度而言,开发社区还需要更多方便强大的开发库来简化编程,Mozilla的 A-Frame 框架就是这样一个工具,提供了一个Web开发者所熟悉的标记语言来快速构建3D VR场景动画原型,而不需要编写过多的JavaScript和GLSL语句.本文将介绍如何使用A-Frame构建一个简单的在线可运行实例.你可以先看下在线演示效果. 概览 当前A-Frame版本是0.5.0,由于WebVR标准乃至WebGL

web-VR(虚拟现实)

WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实(VR)体验,但从工程化的角度而言,开发社区还需要更多方便强大的开发库来简化编程,Mozilla的 A-Frame 框架就是这样一个工具,提供了一个Web开发者所熟悉的标记语言来快速构建3D VR场景动画原型,而不需要编写过多的JavaScript和GLSL语句.本文将介绍如何使用A-Frame构建一个简单的在线可运行实例.你可以先看下在线演示效果. 概览 当前A-Frame版本是0.5.0,由于WebVR标准乃至WebGL

Pixel相机是怎么做到自动补抓最不错的自拍照

网络大厂 AI研究团队近日在最新的Pixel相机中,于无快门模式Photobooth新增亲吻侦测功能,当用户亲吻自己的爱人时,相机会自动捕捉这一瞬间.网络大厂过去是藉由Photobooth模式,让用户更简单地成功自拍,不管是一个人.情侣或是团体照,都能够自动捕捉到最好的画面.网络大厂表示,要拍出一张好的团体自拍照其实不太容易,为了能够降低自拍的困难,网络大厂研究团队将自动摄影技术带到Pixel手机上,一旦用户进入Photobooth模式并按下快门键,系统将会自动在相机稳定,且同时确保拍摄对象有好