拉出一本书的动画代码

6个超炫酷的HTML5电子书翻页动画

相信大家一定遇到过一些电子书网站,我们可以通过像看书一样翻页来浏览电子书的内容.今天我们要分享的HTML5应用跟电子书翻页有关,我们精选出来的6个电子书翻页动画都非常炫酷,而且都提供源码下载,有需要的朋友可以下载使用. 1.jQuery书本翻页3D动画特效今天要分享的这款jQuery书本翻页3D动画功能更加强大,可以支持任意数量页的翻阅,并且也有非常美观的视觉效果.书本的内容支持任意HTML元素,相当灵活. 在线演示源码下载 2.CSS3书本翻页动画书本翻页效果逼真今天我们要分享一款炫酷

纯CSS3悬停图标旋转导航动画代码

分享一款纯CSS3悬停图标旋转导航动画代码.这是一款鼠标移到图标上动画旋转显示导航菜单.效果图如下: 在线预览源码下载实现的代码. html代码: <div id="x_contant"> <a class="xzt1" href="#"><img src="images/xztz_1.png" /></a> <a class="xzt2" hr

IOS 制作动画代码和设置控件透明度

方式1: //animateWithDuration用1秒钟的时间,执行代码 [UIView animateWithDuration:1.0 animations:^{ //存放需要执行的动画代码 self.iconBtn.frame=CGRectMake(,,,); self.cover.alpha=0.0;//设置控件的透明度 } completion:^(BOOL finished) { //动画执行完毕后会自动调用这个block内部的代码 [self.cover removeFromSu

android动画(3)layout动画,layoutChanged动画及算定义它,ListViewActivity的Layout动画(代码和xm配置两种实现l)

1.layout切换动画代码: 本示例是fragment切换.在它的oncreateView中 public class LayoutAnimationFrgmt extends Fragment { <span style="white-space:pre"> </span>@Override <span style="white-space:pre"> </span>public View onCreateVie

QuartzCode快速开发动画代码工具

QuartzCode快速开发动画代码工具 QuartzCode一款快速,轻量,强大的动画工具,可快速得到原生的ObjC/Siwft代码我可以用QuartzCode做什么? 应用程序演练动画动画菜单或场景自定义动画UI 应用样机可视化您的想法,并快速迭代不同的动画.在XCode中使用编码手动创建动画非常耗时.QuartzCode大大减少了创建复杂动画的时间.以下是此观看动画中使用的技巧. 共9部动画使用的形状图层,文本图层,复制器图层和效果图层蒙版变换动画使用2个动画关键路径,变换和

jquery仿搜狐投票动画代码

体验效果:http://hovertree.com/texiao/jquery/21/ 这是一款基于jquery实现的仿搜狐投票动画特效源码,运行该源码可见VS图标首先出现在中间位置,紧接着随着投票比例做左右移动(正方何问起,反方何雯琪).移动动画效果平滑自然.具有非常好的用户体验.该源码兼容目前最新的各类主流浏览器. 另外实现了投票的效果. 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"

Chrome立体动画代码

效果预览:http://hovertree.com/code/run/css/x8l6si70.html 请实用Chrome浏览器查看效果,手机上也可以. 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>CSS3正方形翻转动画 - 何

unity shader序列帧动画代码，顺便吐槽一下unity shader系统

一.看到UNITY论坛里有些人求unity shader序列帧动画,写shader我擅长啊,就顺势写了个CG的shader.代码很简单,就是变换UV采样序列帧贴图,美术配置行数列数以及变换速度. Shader "HELLOHUAN/Hello_Sequence" { Properties { _Color (,,,) _MainTex ("Base (RGB) Trans (A)", 2D) = "white" {} _SizeX ( _Size

iOS常用动画代码

使用前需引入QuartzCore.framework, 并在相关文件中加入 #import "QuartzCore/QuartzCore.h" 定义 shakeFeedbackOverlay为UIImageView 设置 self.shakeFeedbackOverlay.alpha = 0.0; self.shakeFeedbackOverlay.layer.cornerRadius = 10.0; //设置圆角半径 .图像左右抖动 CABasicAnimation* shake

ios常用的几个动画代码

#import "MianViewController.h" #import <QuartzCore/QuartzCore.h> @interface MianViewController () { UIImageView *shakeFeedbackOverlay; NSTimer *rotateTimer; int timeCount; } @end @implementation MianViewController - (id)initWithNibName:(

jQuery 实现图片动画代码

向下移动动画 $(".image").click(function(){ $(this).animate({height:'0px'}) }); <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <div style="text-

ios中layer动画和UIView动画代码总结

kCATransitionFade淡出 kCATransitionMoveIn覆盖原图 kCATransitionPush推出 kCATransitionReveal底部显出来 pageCurl 向上翻一页 pageUnCurl 向下翻一页 rippleEffect 滴水效果 suckEffect 收缩效果.如一块布被抽走 cube 立方体效果 oglFlip 上下翻转效果 #pragma mark UIView 动画 - (IBAction)pressClick1:(

Android 应用启动动画代码

requestWindowFeature(Window.FEATURE_NO_TITLE);//设置无标题 setContentView(R.layout.activity_main); getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN);//设置全屏 ImageView welcomeImg = (ImageView) findVi

u3d 2d序列动画代码

using UnityEngine; using System.Collections; public class AniSprite : MonoBehaviour { private float myTime = 0; private bool isPlay = true; //anisprit.Sprite(4, 6, 0, 0, 20, 24, 1f);的意思是:改图是一个4列6行的动画图,图以坐标(0,0)开始,总帧数给定20帧,帧速率24,总用时1秒 public bool Spri

CSS3 3D旋转动画代码实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

android 最详细的动画大全，包括如何在代码和在XML中使用

一.动画类型 Android的animation由四种类型组成:alpha.scale.translate.rotate XML配置文件中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动画效果 Java Code代码中 AlphaAnimation 渐变透明度动画效果 ScaleAnimation 渐变尺寸伸缩动画效果 TranslateAnimation 画面转换位置移动动画效果 RotateAnim

Android（java）学习笔记200：Android中View动画之 XML实现和代码实现

1.Animation 动画类型 Android的animation由四种类型组成: XML中: alph 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动画效果 JavaCode中 AlphaAnimation 渐变透明度动画效果 ScaleAnimation 渐变尺寸伸缩动画效果 TranslateAnimation 画面转换位置移动动画效果 RotateAnimation 画面转移旋转动画效果 2.Andro

Android为TV端助力最详细的动画大全，包括如何在代码和在XML中使用

一.动画类型 Android的animation由四种类型组成:alpha.scale.translate.rotate XML配置文件中 alpha 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动画效果 Java Code代码中 AlphaAnimation 渐变透明度动画效果 ScaleAnimation 渐变尺寸伸缩动画效果 TranslateAnimation 画面转换位置移动动画效果 RotateAnim

基于css3炫酷页面加载动画特效代码

基于CSS3实现35个动画SVG图标.这是一款基于jQuery+CSS3实现的SVG图标动画代码.效果图如下: 在线预览源码下载实现的代码. html代码: <div class="loaders"> <div class="loader"> <div class="loader-inner ball-pulse"> <div></div> <div></div

WPF/WP/Silverlight/Metro App代码创建动画的思路

在2010年之前,我都是用Blend创建动画,添加触发器实现自动动画,后来写成代码创建的方式.如今Blend已经集成到Visual Studio安装镜像中了,最新的VS2015安装,Blend的操作界面已经十分接近VS,难怪有人吐槽Win10 Insider Preview(10025之前版本)的图标设计都是程序员搞出来的——这靠近VS的界面是怎么回事,不是应该更接近于Photoshop.Flash什么的吗? 如果你们公司没有大牛设计师,估计是不太可能使用Blend的. 这是一个点击Show或者

Android（java）学习笔记143：Android中View动画之 XML实现和代码实现

1.Animation 动画类型 Android的animation由四种类型组成: XML中: alph 渐变透明度动画效果 scale 渐变尺寸伸缩动画效果 translate 画面转换位置移动动画效果 rotate 画面转移旋转动画效果 JavaCode中 AlphaAnimation 渐变透明度动画效果 ScaleAnimation 渐变尺寸伸缩动画效果 TranslateAnimation 画面转换位置移动动画效果 RotateAnimation 画面转移旋转动画效果 2.Andro

拉出一本书的动画代码

热门专题