论文初稿刚写完, 闲来随便码点代码, 防止手生了.
CSS
/**
* css3 horizontal slide
* coder: xiaohudie
* 2014-04-12
*/
#slidemeta { display: none; right:0; position: absolute; font-size: 14px; color: #ccc; font-family:arial } h1:hover #slidemeta{ display:block; -webkit-animation:slide .8s ease-in; -webkit-animation-fill-mode:forwards; -moz-animation:slide .8s ease-in; -moz-animation-fill-mode:forwards; } @-webkit-keyframes slide{ 0% { right:410px; opacity:0;} 70% { right:0;opacity:0.7} 100% { opacity:1;right:85px;} } @-moz-keyframes slide{ 0% { right:410px; opacity:0;} 70% { right:0;opacity:0.7} 100% { opacity:1;right:85px;} }
HTML
<h1><div id="slidemeta">文字</div><h1>
DEMO
将鼠标移至此处
滚粗来了
懒到没有写IE的码…
四月 13, 2014 13:58:17@Johan 放弃治疗IE了
101室 四月 13, 2014 21:34:25@小蝴蝶 IE10还是不错的~
102室 四月 13, 2014 21:57:57@Johan 就不要兼容IE!不要!
103室 四月 13, 2014 22:01:34@小蝴蝶 赞一个,就不兼容IE~
104室 四月 25, 2014 17:58:11@Aivier 好吧,你用的啥浏览器…uBroswer
105室 四月 28, 2014 04:23:20@敏 呃,今天才看到,UC Browser
106室 五月 2, 2014 17:24:48可以来得更猛烈些~~
四月 13, 2014 20:27:03@林木木 万万没想到节操不见了
201室 四月 13, 2014 21:37:45这个功能好玩
四月 14, 2014 00:20:03很不错的效果,呵呵 :)玩代码对你来说,像是玩游戏。
四月 14, 2014 01:38:02@郑永 写写代码放松放松哈哈
401室 四月 15, 2014 10:34:03IE掉血了
四月 14, 2014 08:57:30蝴蝶姐你造吗?我的网站突然就有口碑了:http://koubei.baidu.com/s/www.ragnaroks.org
四月 14, 2014 16:59:31最近更新比较猛烈的关系??
@史达林 我不造
601室 四月 15, 2014 10:38:51@小蝴蝶 那还不赶紧也去弄一个
602室 四月 16, 2014 19:34:15@比利♂海灵顿 你不知道你每次换名字我都要重新审核吗!!!
603室 四月 16, 2014 19:36:54@小蝴蝶 我造啊,需要审核才能保证楼主一定会收到邮件啊
604室 四月 16, 2014 19:37:50@比利♂海灵顿 审核和邮件好像没有关系
605室 四月 17, 2014 11:15:46我似乎发现了一个有意思的事情。
四月 20, 2014 12:32:25如果我把鼠标放在meta ribbon的圆弧边缘,它会自动地做上下活塞运动~
哈哈哈哈~
@Johan 这个叫做薛定谔的边缘,它处在一个既是边缘又不是边缘的状态哈哈
701室 四月 20, 2014 14:45:06@小蝴蝶 涨姿势了!不愧是女硕士呀!
702室 四月 21, 2014 12:13:32“滚粗来了”
四月 22, 2014 14:09:00老乡你好!
四月 26, 2014 17:46:15@SketchupPro 老乡?你是哪儿的呢
901室 四月 27, 2014 14:53:27@小蝴蝶 煤城 豆腐城 你懂的 肥西老母鸡我吃过 怪好地
902室 四月 29, 2014 00:26:58@SketchupPro 肥死老么资啊,哈哈,我不是合肥人,方特奇瑞你也懂的
903室 四月 29, 2014 15:36:45@小蝴蝶 索嘎~
904室 四月 29, 2014 21:59:57侧边栏的最新评论里的评论内容都到头像上去了= =|||
四月 28, 2014 10:05:57@上邪 不会啊,设备问题吧,或者是默认字体的问题,我这边看起来很正常呢
1001室 四月 29, 2014 15:41:59@小蝴蝶 的确设备问题。
1002室 四月 30, 2014 15:25:03