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