圣诞节来了,无聊,做点东西纪念一下. 原理很简单,生成1000个圆,从随机数来布置它们的位置,通过动画来处理它们的透明度,动画时长也是随机生成. 1.创建图形数组并设置背景透明,渐变笔触,大小等,而后加入到Grid元素的子元素集中: 2.创建动画时间线: 3.加载完成后播放动画: 4.每一轮动画播放完毕后,重新随机生成一下图形的Margin,动画的时间长度也是随机生成.   using System; using System.Collections.Generic; using System.…
百度云盘 传送门 密码:xftr 满天星星闪烁动画效果: (可用星空动画来作为页面背景,白色文字改为文章或者其他的O(∩_∩)O) <!doctype html> <html> <head> <meta charset="utf-8"> <title>jQuery夜晚天空满天星星闪烁动画</title> <script src="js/jquery.min.js"></scri…
星星闪烁的原理其实很简单: html代码: <body style="background:#000"> <div id="stars_box"></div> </body> var stars_box=document.getElementById('stars_box'); //获取id为star_box的元素 var Obj=function(){} //创建一个对象 Obj.prototype.drawStar…
这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件.它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画.相信借助这些插件,你也可以让网站变得高大上起来. ScrollReveal.js ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果,帮助你的网站增加吸引力.只需要给元素增加 data-scrollreveal 属性,当元素进入可视区域的时候会自动被触发设置好的动画. 在线演示     立即下载 Sc…
第一次接触 Windows 开机动画是 2012 年,那时候魔方的版本号还是 3.12,魔方里面有个很酷炫狂霸拽的功能就是替换 Windows 7 的开机动画.一开始我是在IT之家论坛里下载开机动画,久而久之便萌生了自己制作开机动画的想法.经过多方打探,终于明白了魔方的开机动画 .bmp 文件的奥秘.原来网友制作的 .bmp 文件是由 105 个独立的 200*200 像素的图片组成,每一张图片就是一帧,105 张这样的图片顺序连接起来就是魔方支持的 .bmp 文件.(因此我们也可以算出一个合格…
有时候设计希望我们能够在页面实现类似星星闪烁的效果,如图: 我的解决办法是用box-shadow: html <div class="star04 active-blink" id="star04" ></div> css .star04{ background-color: #FFFFFF; border-radius: 50%; } .star04:after{ display: block; content: ''; box-shado…
话说博客传图也太麻烦了吧,一个一个文件一个一个传....为什么不能直接粘贴了,自动上传呢... 刚直接粘贴了,结果一张图没有,又重新截一次图,在传了一次...真是太**了 好了,吐槽完了,开始博客吧 使用2DToolkit插件制作2D精灵动画 1.导入2DToolKit包 2.创建 Sprite Collection 必须重新命名 点击 open editor,将所用的精灵动画图片添加到collection,完成后 commit 3. 创建Sprite Animation 点击 open edi…
StarRatingBar星星切换动画 StarRatingBar星星切换动画,很久没有学习一下这个RatingBar了,今天来看看这个RatingBar的动画切换效果,本例子主要是RatingBar移动效果处理动画,本项目自定义LStarRatingBar 的用展示评分的控件.目前有平移动画效果,透明度动画效果,放大缩小动画效果.项目来源:https://github.com/gcgongchao/StarRatingBar主要用法:引入布局 <com.gc.starratingbar.vie…
高逼格UILabel的闪烁动画效果 最终效果图如下: 源码: YXLabel.h 与  YXLabel.m // // YXLabel.h // // Created by YouXianMing on 14-8-23. // Copyright (c) 2014年 YouXianMing. All rights reserved. // #import <UIKit/UIKit.h> @interface YXLabel : UIView @property (nonatomic, stro…
简介 在codepen上看到一个Canvas做的下雨效果动画,感觉蛮有意思的.就研究了下,这里来分享下,实现技巧.效果可以见下面的链接. 霓虹雨: http://codepen.io/natewiley/full/NNgqVJ/ 效果截图: Canvas动画基础 大家都知道,Canvas其实只是一个画板.我们可以应用canvas的api在上面绘制各种图形.Canvas 2D 的API:https://developer.mozilla.org/en-US/docs/Web/API/CanvasR…