码迷,mamicode.com
首页 >  
搜索关键字:css3 动画效果 事例    ( 13068个结果
impress.js
impress.js是作者受prezi.com的启发,基于css3中的动画transforms,做成的一个表现层工具。效果非常炫,用起来也比较简洁。类库:http://bartaz.github.com/impress.js/js/impress.js样式文件:http://bartaz.githu...
分类:Web程序   时间:2014-06-18 16:48:13    阅读次数:230
Bounce.js – 快速创建漂亮的 CSS3 动画效果
Bounce.js 是一个用于制作漂亮的 CSS3 关键帧动画的 JavaScript 库,使用其特有的方式生成的动画效果。只需添加一个组件,选择预设,然后你就可以得到一个短网址或者导出为 CSS 代码。
分类:Web程序   时间:2014-06-17 15:58:34    阅读次数:256
动画在webapp中的现状
webapp的一大优势便是在view切换时候可以拥有媲美与native的动画效果,但是很多时候那只是一种想法,真正的情况却不是这样产生此问题的原因有:① 手机CPU烂!② 手机显卡烂!就算四核其渲染也很有问题③ 高端手机浏览器会有BUG④ 低端手机支持不好(国内山寨机笑而不语)因为以上原因,事实上做...
分类:移动开发   时间:2014-06-17 14:21:37    阅读次数:348
CSS3 动画效果带来的bug
css3 动画效果比如transition:all 2s linear;这种用来计算及时的物体坐标的话会带来一定的问题比如把一个DIV从A点移动到B点。JS为DIV.style.left=B;但是当我们使用上面的transition属性后,A点移动到B点是2秒内完成的,当执行JS代码时候,DIV还没...
分类:Web程序   时间:2014-06-17 00:43:52    阅读次数:443
6月14号=》136页-145页
6.3.6 包含选择器 代码示范: //该样式仅对该父元素所指定的子元素起作用 父元素父元素包含的元素{定义对该元素起作用的css样式 }6.3.7 css3新增的兄弟选择器 代码示范: //该样式仅对某元素后面的兄弟元素起作用 某元素 ~某元...
分类:其他好文   时间:2014-06-16 23:45:22    阅读次数:265
赵雅智_Tween动画(旋转、平移、放缩和渐变)
Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转、平移、放缩和渐变)。 Tweene Animations。   主要类   Animation   动画 AlphaAnimation 渐变透明度 RotateAnimation 画面旋转 ScaleAnimation 渐变尺寸缩放 TranslateAnimation ...
分类:其他好文   时间:2014-06-16 22:18:07    阅读次数:262
HTML5 CSS3 精美案例 : 实现VCD包装盒个性幻灯片
哈,首先感谢下w3cfuns的老师,嗯~ 好了,这次给发夹分享一个CSS3+Javascript VCD包装盒个性幻灯片的一个案例。 效果图: 图片切换是不是很个性,效果也很不错,大家可以将其使用到自己的网站上。 先看下html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "htt...
分类:Web程序   时间:2014-06-16 19:55:30    阅读次数:359
HTML5 CSS3专题 纯CSS打造相册效果
今天偶然发现电脑里面还有这样的一个例子,感觉效果还不错,不记得啥时候下载的了,也好久没上w3cfuns了,怀念学习前台的日子,给大家分享下。 效果图: 效果是不是还是很不错的,最主要的是没有使用一行js,这才是亮点。 先看html文件: 纯CSS3相册效果...
分类:Web程序   时间:2014-06-16 18:36:19    阅读次数:312
CABasicAnimation学习Demo 包括了一些常用的动画效果
个人写的一些例子: // // ViewController.m // CABasicAnimationDemo // // Created by haotian on 14-6-13. // Copyright (c) 2014年 Baseus. All rights reserved. // #import "ViewController.h" @interface ViewCo...
分类:其他好文   时间:2014-06-15 11:17:24    阅读次数:215
javascript继承(七)—用继承的方式实现照片墙功能
照片墙DEMO下载注意:图片有四种类型:1可放大;2可拖动;3即可放大也可拖动;4都不行。由于每个图片的构造函数不同而不同照片墙的实现是比较容易的,网上也有许许多多的事例。本篇文章将着重介绍一下用继承的方式怎么样去实现。使用继承又能带来怎样的好处。我们知道面向对象的优势在于可扩展性,这篇文章主要就是...
分类:编程语言   时间:2014-06-14 19:03:13    阅读次数:249
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!