box-shadow实现的打点效果 简介 box-shadow理论上可以生成任意的图形效果,当然也就可以实现点点点的loading效果了。 实现原理 html代码,首先需要写如下html代码以及class类名: css代码 这里用到了currentColor这个关键字,IE9+浏览器支持,其可以让C ...
分类:
Web程序 时间:
2017-05-04 09:49:01
阅读次数:
312
好久没写过blog了。首先了解下近期苹果和IOS方面的最新消息。 1.WWDC2014在上个月举行了,与2013年一样。今年WWDC没公布硬件产品和新品(假设你懂cook你就会期待今年秋季公布会。估计10中旬举行) 今年WWDC有一个最令人兴奋的新语言公布——Swift,小编也花了将近半个月来学习新 ...
分类:
移动开发 时间:
2017-05-02 21:01:10
阅读次数:
307
问题 最近在使用background-image属性来实现CSS3的逐帧动画时,碰到了个问题。在chrome浏览器上,background-image属性是支持css3动画的,但是到了firefox上,就完全看不到任何动画。 原因 通过网上查找,才发现W3C标准中明确background-image ...
分类:
Web程序 时间:
2017-05-02 16:46:41
阅读次数:
208
动画 animation:name(名字) duration(循环一次时间) timing-function(速度曲线) delay(延迟) iteration-count(循环次数) direction(是否反向播放);两种方式:@keyframes myfirst{from {backgroun ...
分类:
Web程序 时间:
2017-05-01 22:21:04
阅读次数:
222
运行效果图: 先看布局文件吧,activity_main.xml: 然后看JAVA代码,MainActivity.java: 说明一下,在startAnimator3()这个方法当中,AnimatorSet集合除了playTogether和playSequentially两个方法外,还有play方法 ...
分类:
移动开发 时间:
2017-05-01 16:07:05
阅读次数:
166
1 2 3 4 5 6 7 8 9 10 11 1 div{ 2 width: 300px; 3 height: 200px; 4 background-color: red; 5 animation-name: myanimation; 6 animation-dur... ...
分类:
Web程序 时间:
2017-05-01 11:12:49
阅读次数:
193
这段时间在做一个App,H5的开发。页面上有公告 以走马灯的形式显示出来。 在开始直接用的marquee标签,后来发现在ios客户端,走马灯移动不够平滑,有抖动现象。 对于有强迫症的我而言是无法忍受的,后来就用js来写,发现andriod和ios客户端 的走马灯移动都不平滑,会抖动。 后来想到了可以 ...
分类:
Web程序 时间:
2017-05-01 00:18:59
阅读次数:
1126
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>css3进度条</title> <style> .meter { height: 20px; position: relative; margin: 60px 0 20px 0; ...
分类:
Web程序 时间:
2017-04-30 11:01:03
阅读次数:
183
Core Animation 基本3种动画:基本动画CABasicAnimation、 关键帧动画CAKeyframeAnimation、 转场动画CATransition 还有就是动画组:CAAnimationGroup 一、基本动画CABasicAnimation的使用: 二、关键帧动画CAKe ...
分类:
移动开发 时间:
2017-04-29 21:07:20
阅读次数:
257
??出处:http://blog.csdn.net/u010019717author:孙广东 时间:2015.3.17 23:00DFTween 是一个在 Unity 游戏引擎中高速和easy使用的animation动画库。它支持不论什么对象的tweening补间的属性, 并能够轻松地进行工作与您自 ...
分类:
编程语言 时间:
2017-04-28 22:18:56
阅读次数:
394