对于用 css 实现一个轮播图的缘由,是那时候刚开始接触前端,完全还不懂 js。但是有一个项目(就是一个用来应付面试的作品)需要做一个轮播的效果,当时第一反应就是用 css3 自定义动画 -webkit-animation。做出来的效果自己觉得还可以,唯一的不足就是鼠标点击切换 banner 图和指 ...
分类:
Web程序 时间:
2016-08-15 22:02:29
阅读次数:
437
animation-name规定动画的名称。 keyframes定义动画,一般不用from和to,直接用百分比来定义过程。 animation-duration规定动画的时长。 animation-timing-function规定动画的速度曲线,常用的有ease、ease-in、ease-in-o ...
分类:
Web程序 时间:
2016-08-15 20:48:26
阅读次数:
148
Core Animation是一组非常强大的动画处理API,使用它能做出非常炫丽的动 画效果,而且往往是事半功倍! 1.开发步骤: 初始化一个动画对象(CAAnimation)并设置一些动画相关属性 添加动画对象到层(CALayer)中,开始执行动画 Core Animation的动画执行过程都是在 ...
分类:
其他好文 时间:
2016-08-15 20:44:47
阅读次数:
147
animation 属性是一个简写属性,用于设置六个动画属性: 1 animation-name 2 animation-duration 3 animation-timing-function 4 animation-delay 5 animation-iteration-count 6 anim ...
分类:
Web程序 时间:
2016-08-14 16:07:31
阅读次数:
161
background-origin 设置元素背景图片的原始起始位置。必须保证背景是background-repeat为no-repeat此属性才会生效。 background-origin :border-box | padding-box | content-box; padding-box:从p ...
分类:
其他好文 时间:
2016-08-14 07:51:39
阅读次数:
154
iOS开发UI篇—核心动画简介 一、简单介绍 Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍。也就是说,使用少量的代码就可以实现非常强大的功能。 Core Animation是跨平台的,可以用在Mac OS X和 ...
分类:
移动开发 时间:
2016-08-13 09:55:23
阅读次数:
154
如何巧用HTML5设计按钮背景不同动画特效,在该特效中,当鼠标滑过按钮时,使用CSS3 animation 来动画 background-size 和 background-position 属性,来实现各种背景动画效果。 下面来看一下整体的效果图: 具体实现: 1. CSS样式 首先为按钮设置通用 ...
分类:
Web程序 时间:
2016-08-12 20:00:21
阅读次数:
163
一、Instrument 两个方法: (1)、按下Command + I打开Instrument; (2)、xcode->product->profile; 二、Core Animation工具 1、界面 2、简介 注意这个调试必须使用真机,点击左上角的红色圆圈就会开始录制 我们需要了解两个两个区域 ...
分类:
其他好文 时间:
2016-08-11 08:36:47
阅读次数:
254
在应用 CSS3 渐变/动画时,有个控制时间的属性 <animation-timing-function> 。它的取值中除了常用到的 贝萨尔曲线以外,还有个让人比较困惑的 steps() 函数。 teps(n,start/end) 第一个参数 number 为指定的间隔数,即把动画分为 n 步阶段性 ...
分类:
其他好文 时间:
2016-08-10 22:38:19
阅读次数:
215