2016 个人总结(ppt版)

老姚
老姚 发布于 2017-01-01 04:31:01 浏览:2066 类型:原创 - 随笔 分类:JavaScript - 我也来说说系列 二维码: 作者原创 版权保护
应别人之邀,我也写两句。。。
使用空格键或者方向键进行翻页。
<!doctype html>
<html>
	<head>
		<title>
			老姚
		</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<style>
			* {
				margin:0;
				padding:0;
				border:0;
				font-size:100%;
				font:inherit;
				vertical-align:baseline;
				position:relative;
			}
			html {
				font-size:100px;
				overflow:hidden;
			}
			.step {
				position:relative;
				width:900px;
				padding:40px;
				margin:20px auto;
				box-sizing:border-box;
				font-family:'宋体',serif;
				font-size:60px;
				line-height:1.5;
			}
			.title {
				font-size:80%;
				font-weight:bold;
				color:#ff33ee;
				text-align:center;
			}
			strong {
				color:purple;
			}
			p {
				font-size:60%;
			}
			img {
				vertical-align:middle;
			}
			.color{
				font-weight:bold;
				animation: color 1s infinite linear;
			}
			@keyframes color{
				from{
					color:red;
				}
				50%{
					color:yellow;
				}
				to{
					color:red;
				}
			}
		</style>
	</head>
	<body>
		<div id="impress">
			<div class="step title" data-x="0" data-y="0">
				我的<span class="color">2016</span>--老姚
				<img src="http://cdn.avatar.qdfuns.com/000/01/73/17398_9f173dfe8f89078ce25d06126842cef1_big.jpg"/>
			</div>
			<div class="step" data-x="-2500" data-y="2000" data-z="-200" data-rotate-x="-45"data-rotate-y="15" data-scale="5">
				其实今年过得很平淡~~
			</div>
			<div class="step" data-x="4000" data-y="-200" data-z="300" data-rotate="90" data-scale="5">
				可以两句话总结如下:
				<p>
					前半年工作
				</p>
				<p>
					后半年离职
				</p>
			</div>
			<div class="step" data-x="1000" data-y="3000" data-rotate="180" data-scale="12">
				生活大部分都是被学习占据了。。。
			</div>
			<div class="step" data-x="0" data-y="-1000" data-scale="6" data-rotate-y="-40">
				前端书籍新看了10本左右
			</div>
			<div class="step" data-x="0" data-y="-3000" data-z="-5000" data-rotate="135">
				用听书软件听了不少社科书
			</div>
			<div class="step" data-x="3600" data-y="-1000" data-z="5000" data-rotate-y="70" data-scale="2">
				也写le近<strong>百篇</strong>文章
			</div>
			<div class="step" data-x="3600" data-y="-1000">
				<p>
					最开心的是
				</p>
				学会了canvas和css动画
			</div>
			<div class="step" data-x="3600" data-y="-1000" data-rotate-x="90">
				2017,<strong>想</strong>
			</div>
			<div class="step" data-x="-2000" data-y="1500" data-rotate-x="90">
				<strong>Find</strong>一个<strong>good</strong>工作,然后every day开开心心的。。。
			</div>
			<div class="step" data-x="-2000" data-y="1500" data-rotate-y="90">
				<strong>Thank you ~~</strong>
			</div>
			<div class="step" data-x="3000" data-y="1500" data-scale="15"></div>
		</div>
		<script src="http://cdn.bootcss.com/impress.js/0.5.3/impress.js"></script>
		<script>
			impress().init();
		</script>
	</body>
</html>

其中用到的库是:impress.js
z
给个赞 40 人点赞
收藏 19 人收藏
评论 已有 35 条评论;以下用户言论只代表其个人观点,不代表 前端网(QDFuns) 的观点或立场。
登录 以后才能发表评论
最新评论
1801341373
18013413735 天前35F
emoticon //@老姚:可以研究研究其源码,原理是css的变换和过渡。其源码有不少可学习的,怎么获取css的带前缀属性,怎么自定义事件,dataset的使用等等。只知道怎么用一个插件,对于技术没什么帮助的其实。知其然,知其所以然,知其所以不然才行。敲吧,不到一千行。 //@1801341373:刚刚看了一下impressjs的讲解很不错emoticon用得很溜啊
举报 支持 (0) 回复 (0)
老姚
老姚6 天前34F
可以研究研究其源码,原理是css的变换和过渡。其源码有不少可学习的,怎么获取css的带前缀属性,怎么自定义事件,dataset的使用等等。只知道怎么用一个插件,对于技术没什么帮助的其实。知其然,知其所以然,知其所以不然才行。敲吧,不到一千行。 //@1801341373:刚刚看了一下impressjs的讲解很不错emoticon用得很溜啊
举报 支持 (0) 回复 (1)
1801341373
18013413732017-01-06 14:59:0533F
刚刚看了一下impressjs的讲解很不错emoticon用得很溜啊
举报 支持 (0) 回复 (1)
zhuxjet360com
zhuxjet360com2017-01-06 09:45:4432F
谢谢分享
举报 支持 (0) 回复 (0)
羡世
羡世2017-01-05 13:45:4231F
6666 又学到了
举报 支持 (0) 回复 (0)
阿波罗D波
阿波罗D波2017-01-05 10:06:3830F
老姚666,加油
举报 支持 (0) 回复 (0)
chenyi_web
chenyi_web2017-01-04 17:28:5029F
新年快乐~666
举报 支持 (0) 回复 (0)
极乐网
极乐网2017-01-04 14:47:3128F
希望如此!emoticon //@老姚:希望万事如意 //@极乐网:今天出门早,现在才回家!老姚的这个表现技法越来越多样化了!不错~
新年,希望能力能更上一层楼,努力提高自己。方方面面能有好的转变。
给老姚,也给自己!
举报 支持 (0) 回复 (0)
四月鸟凉
四月鸟凉2017-01-04 14:30:2427F
http://cdn.bootcss.com/impress.js/0.5.3/impress.js这插件用的溜溜的,老姚。加油!!
举报 支持 (0) 回复 (0)
1292150917a
1292150917a2017-01-03 17:23:5026F
啊! 好吧 我说我怎么找不到 有时候文档看的难受 就想听听 //@老姚:怎么会有前端的书,想多了你 //@1292150917a:我没有找到关于前段的书籍听啊 求推荐 //@老姚:我下了四个,喜马拉雅fm、懒人听书、氧气听书、听书中国。听书中国小说多,喜玛拉雅社科书多,懒人和氧气偶尔用用。 //@1292150917a:听歌软件听书籍  请问下什么听歌软件 我也需要一个
举报 支持 (0) 回复 (0)
老姚
老姚2017-01-03 17:20:4825F
怎么会有前端的书,想多了你 //@1292150917a:我没有找到关于前段的书籍听啊 求推荐 //@老姚:我下了四个,喜马拉雅fm、懒人听书、氧气听书、听书中国。听书中国小说多,喜玛拉雅社科书多,懒人和氧气偶尔用用。 //@1292150917a:听歌软件听书籍  请问下什么听歌软件 我也需要一个
举报 支持 (0) 回复 (1)
1292150917a
1292150917a2017-01-03 17:16:4924F
我没有找到关于前段的书籍听啊 求推荐 //@老姚:我下了四个,喜马拉雅fm、懒人听书、氧气听书、听书中国。听书中国小说多,喜玛拉雅社科书多,懒人和氧气偶尔用用。 //@1292150917a:听歌软件听书籍  请问下什么听歌软件 我也需要一个
举报 支持 (0) 回复 (1)
小单纯
小单纯2017-01-03 13:03:3723F
看了你这个网站,6的飞起。 //@feff01:和你差不多,也是下半年辞职,准备春节后工作;
可是我比较懒,只是小半时间用在了计划上。。
重写我的个人网站www.holdhot.com、搭建个个人博客、、;
年底了用了计划的3/4的时间只完成了计划的1/3。。。emoticon
举报 支持 (0) 回复 (0)
老姚
老姚2017-01-03 10:56:2122F
我下了四个,喜马拉雅fm、懒人听书、氧气听书、听书中国。听书中国小说多,喜玛拉雅社科书多,懒人和氧气偶尔用用。 //@1292150917a:听歌软件听书籍  请问下什么听歌软件 我也需要一个
举报 支持 (0) 回复 (1)
老姚
老姚2017-01-03 10:52:2421F
ptt是我上个项目的名称,老跟ppt搞混。emoticon //@老姚emoticon,毕竟支持翻页 //@a63149300emoticon姚哥,发现个BUG,标题是不是想写PPTemoticon
举报 支持 (0) 回复 (0)
老姚 老姚 作者

与自己为敌,与自己为友,一边深挖思想,一边埋葬自己。

作者最新