css动画

原生JS实现首页进度加载动画

用Safari打开貌似CSS动画的播放时间变成同步了
苏福·2016-09-14 13:16

JavaScript探测CSS动画是否已经完成的方法

不��嗦上代码：WN:(function(){varel=$(''),transition="transition",transitionEnd,animEvent={'start':null,'iteration':null,'end':null},vendorPrefix;transition=transition.charAt(0).toUpperCase()+transition.subs
愚人的一天·2016-08-30 09:16

漂亮的加载等待动画，用纯CSS3制作

http://netsmell.com/post/css3-loading-animation.html作者将这些CSS动画代码收集到了loaders.css，你可以轻松的将这个css文件嵌入到你的页面中
一只快乐的小程序猿·2016-08-26 14:10

简单的 js控制逐步显示文字输出

chrome书签，突然就点到了一个关于知乎五周年的网页，这帮程序员的脑子真有趣，就算是保存一年后再看也还是觉得好有趣，下边是一个截图这个网页展示了一个类似ide接口的小窗口，文字逐步输入，并且还伴随一些有点炫的css
2fa0·2016-08-21 00:00

高中物理学运动公式实现js动画

一般使用css动画来实现比较简单的“一次性转换”，为UI元素转换比较小的独立状态。例如从侧面引入导航栏菜单，模太框弹出等。
cwzhsi·2016-08-14 21:34

js判断css动画是否完成 animation,transition

css动画有两种，animation,transition，所以分开来讲。1、animation：css定义#left1{}html定义：安全那么我们就用#left1来获取元素：/*监听变换事件!
lanmanck·2016-08-10 20:32

Animate.css让添加CSS动画像喝水一样容易

你就有了一个CSS动画效果。超强！注*示例Animate.css当与jQuery结合起来，
老虎帅呆了·2016-08-02 21:38

记录一些有用的网址

比较准确，就是时间严重不够用，舍不得用机型2.图片压缩网址：https://tinypng.com/可以压缩png和jpg等格式的图片，测试将一张480kb的图片压缩到220k3.animation.css
sarry·2016-07-21 10:22

css动画效果：实现鼠标移入菜单栏文字下出现下划线

菜单栏下划线动画body{margin:0;padding:0;}header{width:100%;height:100px;background-color:#2D3E50;}headernavul{width:50%;padding:0;margin:0auto;}headernavulli{display:inline-block;padding:00.8em;}headernava{po
dengdengda·2016-07-14 15:09

animate.css动画库使用方法介绍

animate.css动画库简介Animate.css是由DanEden的DanielEden使用CSS3的animation制作的动画效果的CSS集合。
xyphf_和派孔明·2016-07-13 16:52

WOW.js+animate.css让页面滚动时显示动画，使页面更有趣

2.Animate.css非常优秀的CSS3动画库，不依赖于jQuery，纯CSS动画使用方法1、引入文件2、HTML可以加入data-wow-durat
shirley云·2016-07-07 16:34

animate.css动画样式详解

attentionseekersbounce：弹跳flash：闪烁pulse：脉冲（放大然后回到正常大小）rubberBand：橡皮筋shake：摇（左右）headShakeswing：摇摆（上下，以中心为原点）tada：（缩小然后摇摆，幅度比较小）wobble：摇晃（左右和上下都有，即沿着一个弧移动，比较快）jello：果冻（像果冻一样抖动）bouncingentrances(弹跳进入页面的动画
shirley云·2016-06-14 18:11

页面动画知识点整理

页面动画的实现可以分为两类：CSS动画、Canvas动画、JavaScript动画。JavaScript动画没啥好讲的，这里就不整理了。
chenhao_ch·2016-06-13 00:00

CSS动画--页面特效

本章内容2D、3D转换过渡动画多列瀑布流效果2D、3D转换通过CSS3转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸转换是使元素改变形状、尺寸和位置的一种效果可以使用2D、3D来转换元素2D转换方法translate()rotate()scale()matrix()3D转换方法rotateX()rotateY()示例：第一个div第er个div第3个div第4个div第5个div第6个div
jia-huan·2016-05-27 08:21

CSS动画--页面特效

本章内容2D、3D转换过渡动画多列瀑布流效果2D、3D转换通过CSS3转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸转换是使元素改变形状、尺寸和位置的一种效果可以使用2D、3D来转换元素2D转换方法translate()rotate()scale()matrix()3D转换方法rotateX()rotateY()示例： 第一个div 第er个div 第3个div 第4个div 第5个div
cjh_android·2016-05-27 08:00

无线页面动画优化实例

不管是css动画还是canvas动画，我们都需要时刻小心着，并且有必要掌握页面性能的基本分析方法。
three_bird·2016-05-16 15:00

简单的转盘抽奖——CSS动画优化

前言前两天去一家公司面试，被问到一些小游戏的东西。面试官提到了刷红包还有抽奖这些怎么实现，当时简单说了下思路，回来之后想想还是说的太轻描淡写了，干说不做就是耍流氓，所以就做了一个（Demo&源码）。启动方式：手指在转盘上滑动，转盘转动。这里没有像一般的抽奖程序一样在后台指定抽奖结果，结果完全由你的手速决定的（老板哭了。。。）  界面界面很简单，网上搜个图片或者直接搜个demo就有了，当然自适应也是
茄果·2016-05-11 17:00

简单的转盘抽奖——CSS动画优化

前言前两天去一家公司面试，被问到一些小游戏的东西。面试官提到了刷红包还有抽奖这些怎么实现，当时简单说了下思路，回来之后想想还是说的太轻描淡写了，干说不做就是耍流氓，所以就做了一个（Demo&源码）。启动方式：手指在转盘上滑动，转盘转动。这里没有像一般的抽奖程序一样在后台指定抽奖结果，结果完全由你的手速决定的（老板哭了。。。）界面界面很简单，网上搜个图片或者直接搜个demo就有了，当然自适应也是必须
茄果·2016-05-11 17:00

Animate.css 基础使用方法

你就有了一个CSS动画效果。超强！当与jQuery结合起来，你可以自己决定何时启用这些动画
F2E前端爱好者·2016-05-09 17:01

Animate.css 基础使用方法

你就有了一个CSS动画效果。超强！ 当与jQuery结合起来，你可以自己决定何时启用这些
laike1355·2016-05-09 17:00

无线页面动画优化实例

不管是css动画还是canvas动画，我们都需要时刻小心着，并且有必要掌握页面性能的基本分析方法。
大额·2016-04-27 00:00

深入理解css属性的选择对动画性能的影响

现在手机的占比越来越高，各种酷炫页面层出不穷，这些特效都离不开css动画。说到css动画，主流的情况也就无非这两大类：位移和形变。而我们在写一个动画特效的过程中，如何去提升它的性能呢？
佚名·2016-04-20 16:48

无线页面动画优化实例

不管是css动画还是canvas动画，我们都需要时刻小心着，并且有必要掌握页面性能的基本分析方法。
大额_skylar·2016-04-18 09:00

经验分享：多屏复杂动画CSS技巧三则

并且，随着CSS动画的逐渐深入与普及，更复杂与细腻的动画场景也如雨后春笋般破土而出。
laokdidiao·2016-04-16 15:00

[练习]利用CSS steps 实现逐帧动画

CSS动画实现相对JS更简单。常见的网页动画形式参考：mark?
囧囧·2016-04-11 00:00

记一次CSS弹出动画的Bug

在写jQueryWeUI的一个picker的弹出动画的时候，我是通过CSS动画实现的。
lihongxun945·2016-03-29 16:37

记一次CSS弹出动画的Bug

在写jQueryWeUI的一个picker的弹出动画的时候，我是通过CSS动画实现的。
lihongxun945·2016-03-29 16:00

Css3之高级-7 Css动画(概述、关键帧、动画属性)

一、动画概述动画概念 -过渡属性只能模拟动画效果 -animation属性可以制作类似Flash动画   -通过关键帧控制动画的每一步   -使元素从一种样式逐渐变化为另一种样式   -实现复杂的动画效果 -浏览器兼容性   -最新版本支持良好   -Chrome和Safari需要前缀-webkit-   -FireFox需要前缀-moz-   -Opera需要前缀-o-动画示例 -声明动画   
jason_teach·2016-03-23 19:30

Html+CSS CSS3 Keyframe+Animation属性 CSS动画

CSS3属性中有关于制作动画的三个属性：Transform,Transition,Animation；我们一起学习完了Transform和Transition，让我们对元素实现了一些基本的动画效果，这些我想足以让大家激动了一阵子，今天我们趁着这个热劲继续第三个动画属性Animation的学习，单从Animation字面上的意思，我们就知道是“动画”的意思。但CSS3中的Animation与HTML
u010003835·2016-03-21 16:00

css属性的选择对动画性能的影响

原文出处： 携程设计委员会 现在手机的占比越来越高，各种酷炫页面层出不穷，这些特效都离不开css动画。说到css动画，主流的情况也就无非这两大类：位移和形变。
刘星石·2016-03-07 17:00

CSS3多列布局

最近买了基本书，因为在实习的时候用到很多CSS动画，师父给任务的时候，也会让布局一些设计页面。在做的过程中，觉着自己的css功底还是不行，所以就想再多积累多学习。
XIAOZHUXMEN·2016-03-06 10:00

[CSS3] 学习笔记-CSS动画特效

在CSS3中，出现了很多出彩的效果，例如2D、3D以及过度、动画和多列等。这些效果为页面设计添加了很多的可选设计。1、2D、3D转换转换，是使元素改变尺寸、形状、位置的一种效果；通过CSS3转换，我们能够对元素进行移动、缩放、转动、拉伸或拉长；可以通过2D、3D元素来转换；2D转换方法：translate()、rotate()、scale()、skew()、matrix()3D转换方法：rotat
bluebird8880·2016-02-27 11:00

AmazeUI CSS动画

CSS动画 Fade Fade 点击开始执行动画 没延迟的动画 延迟1s
onestopweb·2016-02-21 12:54

CSS3 animation-fill-mode 属性

默认情况下，CSS动画在第一个关键帧播放完之前不会影响元素，在最
Ziksang·2016-02-18 12:00

CSS3 animation-fill-mode 属性

默认情况下，CSS动画在第一个关键帧播放完之前不会影响元素，在最
Ziksang·2016-02-18 12:00

css动画和渐变

变形：~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~元素的变形：transformtransform:none|none：默认值，不设置变形：设置变形函数，如旋转rotate()、缩放scale()、移动translate()、倾斜skew()、矩阵变形matrix()。代码：1 2 3 4 5动画之简单变化 6 7ul{
晨落梦公子·2016-02-17 10:00

区别Transform、Transition、Animation

另一篇参考文章：http://www.7755.me/Article/CSS3/39/近来上班之外就是研究研究CSS动画，下面是第一阶段总结。话说为加强记忆，实则想抛砖引玉！ 
Mysic·2016-02-15 17:00

多屏复杂动画CSS技巧三则

并且，随着CSS动画的逐渐深入与普及，更复杂与细腻的动画场景也如雨后春笋般破土而出。
cengjingcanghai123·2016-02-02 17:00

使用meta实现页面的定时刷新或跳转

多屏css动画精进技巧-new二、meta源信息功能之页面定时跳转与刷新几乎所有的网页头部都有源信息。
cometwo·2016-01-25 16:00

js动画性能提升笔记

JavaScript动画的性能并不亚于CSS动画。因此，如果使用了现代的动画库，例如Velocity，那么动画引擎的性能将不再是app的瓶颈，构成瓶颈的只有代码。
清姿·2016-01-15 15:00

Animate.css 纯CSS动画库

http://my.oschina.net/yangyan/blog/601573github上的地址是：https://daneden.github.io/animate.css/Animate.cssJust-add-waterCSSanimationanimate.cssisabunchofcool,fun,andcross-browseranimationsforyoutouseinyou
pyzheng·2016-01-12 21:00

Animate.css 纯CSS动画库

github上的地址是：https://daneden.github.io/animate.css/Animate.cssJust-add-waterCSSanimationanimate.css isabunchofcool,fun,andcross-browseranimationsforyoutouseinyourprojects.Greatforemphasis,homepages,sli
小杨阿哥哥·2016-01-12 21:00

学习通过CSS硬件加速提升你网站的性能

在桌面和手机浏览器上的CSS硬件加速有没有想过一些CSS动画怎么如此顺利运
嘤嘤嘤·2016-01-04 16:00

基于animate.css弹出框弹出关闭特效 （5星级）

download.csdn.net/detail/cometwo/9387680 jQuery结合Css3制作动感对话框插件代码-素材家园 下列需要引入animate.min.css
cometwo·2016-01-03 12:00

高仿闪电报销app查看图片效果的实现

这里主要是通过jquery去实现的，其中加入了animation.css动画。
邪气小生·2015-12-29 17:00

高仿闪电报销app查看图片效果的实现

这里主要是通过jquery去实现的，其中加入了animation.css动画。
邪气小生·2015-12-29 17:00

用javascript显示隐藏，添加，删除元素，css动画效果

(《javascript&jquery交互式web前端开发》学习记录)HTML5:ToDoListListKingBuyGroceriesfreshfigshoneypinenutsbalsamicvinegarnewitemCSS3:@charset"UTF-8";/*CSSDocument*/body{background:#000000;color:#FFFFFF;font-family:"
MMMMMayC·2015-12-18 08:52

CSS动画:Transform中使用频繁的scale,rotate,translate动画

动画中,skew只是transform中的一种形式的动画,我们还可以学习scale,rotate,translate.这是目前使用比较频繁的属性动作.1.scale动画的定义:(单位数值)scale动画,是将对象进行伸缩操作.scale有两个属性,第一个是宽(X)的伸缩,第二个是高(Y)的伸缩,数值是以倍数的方式变化.他也可以分开定义scaleX,scaleY;根据自己的需要设定. CSS代码案例
UIkitAPP·2015-12-16 10:00

less做个径向菜单

在慕课网发现了一个有意思的课程，叫数学知识在CSS动画中的应用。用到的数学知识是如何计算圆上每个点的坐标。
山月水风·2015-12-15 21:00

less做个径向菜单

在慕课网发现了一个有意思的课程，叫数学知识在CSS动画中的应用。用到的数学知识是如何计算圆上每个点的坐标。
山月水风·2015-12-15 21:00
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他