邪罗刹的菠萝阁

> 话说 CSS 的一些新功能还有待改善，所以只能先预览一下 CSS 的立体模块与动画模块。
> 因为 IE8 对这些新功能是完全不支持的，而其他的浏览器标准也不相同，杯具啊。

> CSS 的 3D 功能没有参考的坐标轴，所以定位和角度要花很长的时间去调整。
> 话说，我杯具了，想给 Alex 查询用文本数据库做个缓存，但是做完才发现不支持并发访问。

1. CSS 立体模块 3D Transforms Module：

> 目前这个效果只有 Firefox 3.5、Safari 3.2+ 和 Google Chorme 支持。
> 这些里面 FF 和 Chrome 表现最好了，Safari 会有稍稍地高度问题。
> 而 Oprea 10.2 和 IE 系列都不支持。呵呵，不支持的话就会看到上面那个样子的杯具画面。
> ╮(╯▽╰)╭，大家快面对现实吧，微软是一个茶几，IE 系列就是一堆标准的杯具。

> 演示传送门：http://www.evlos.org/apps/demo/css_3d

<style type="text/css">
#main{padding-left:50px;margin:0auto;text-align:center;}
.cube{position:relative;top:200px;}
.rightFace{padding:10px;width:80px;height:180px;}
.leftFace{padding:10px;width:315px;height:180px;}
.topFace{padding:10px;width:280px;height:250px;}
.rightFace,.leftFace,.topFace{position:absolute;}
.leftFace{-webkit-transform:skewY(10deg);-moz-transform:skewY(10deg);
	background-color:#ccc;left:79px;top:-20px;}
.rightFace{-webkit-transform:skewY(-45deg);-moz-transform:skewY(-45deg);
	background-color:#ddd;left:414px;top:-40px;}
.topFacediv{-webkit-transform:skewY(-35deg)scaleY(1.16);
	-moz-transform:skewY(-35deg)scaleY(1.16);
	background-color:#eee;font-size:0.862em;}
.topFace{-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);top:-158px;left:100px;}
</style>

<div id="main">
<div class="cube">
<div class="topFace">
	<div><br/>
		你笑的时候，<br/>全世界都在笑；<br/>
		你哭的时候，<br/>全世界只有你一个人在哭。<br/><br/>
	</div>
	</div>
	<div class="leftFace">
		邪罗刹 <br/><br/>
	<img src="evlos_120.jpg" />
	</div>
	<div class="rightFace">
		<br />Right
	</div>
</div>
</div>

2. CSS 动画模块 Animations Module：

> 落叶灰常自然，落到地面上还有渐隐效果，但是还需要个 JavaScript 来随机选取落叶图片。
> CSS 代码正在向复杂化发展，0% 50% 100% 作为进度，进度上方有效果选择。

> 官方落叶演示：http://webkit.org/blog-files/leaves/index.html

> 官方波动演示：http://webkit.org/blog-files/pulse.html

3. 我的缓存文本数据库：

> 数据库的格式不是 TXT，用的是 PHP，因为 PHP 不会把其注释里的内容输出。
> 所以我觉得把信息写到注释里还是比较保险滴 O(∩_∩)O，浏览器显示如下。

> 而在 Editplus 里打开就是这个样子。

> 杯具的是 TXT 文本数据库最大的弊端是不支持并发。
> 因为我的数据要写到注释位置，所以不可能用增加地方式写入。
> 那么读写的过程是这样的，首先把整个文件都读到一个字符串数组里面。
> 然后把需要修改的那个字符串修改好，再把整个文件文件写回去。
> 而只要一开始写，整个文件就会被清空。

> 它不支持单独对某一行进行修改或者增加，所以虽然单个访问进程是没问题的。
> 但是多个访问的时候，若是某个进程没有写完，或者正在写。
> 那么多个进程混在一起，就会出事情，很杯具啊 ~~~~(>_<)~~~~ 。

> 所以我现在正在重新编写缓存机制，打算每个文件只写一行。
> 一个网站的信息，网站地址作为文件名，一行里面写入国际排名和国内排名就OK咯。

4. 欢迎来 Follow 我的 Twitter @AngelSolo